How to check or uncheck a checkbox using the id of the checkbox

brgdotnet used Ask the Experts™

on 2017-04-04

JavaScript

I have a java script function named showInfo(). Show info is passed the name/id of a specific check box control. Now I want to be able to check or uncheck the check box control based upon the control Id that I pass in to the Java script function? I have tried using getElementById but that isn't working. Does
anyone know how I can check the check box based upon the id of the check box control using Java Script?

function showInfo(idOfCheckBox)
{
document.getElementById(idOfCheckBox).checked = true;
}

Comment

Watch Question

Do more with

EXPERT OFFICE^® is a registered trademark of EXPERTS EXCHANGE^®

View Solution Only

Ryan ChongSoftware Team Lead

Verified Expert

Commented: 2017-04-04

your function should work just fine.

are you passing the correct id into your function?

Test example below:

<html>
<head>

<script>
    function showInfo(idOfCheckBox) {
        document.getElementById(idOfCheckBox).checked = true;
    }
</script>
    Test 1<input id="Checkbox1" type="checkbox" /><br>
    Test 2<input id="Checkbox2" type="checkbox" /><br>
    Test 3<input id="Checkbox3" type="checkbox" /><br>
</head>
<body>

</body>
</html>

<script>
    showInfo('Checkbox1');
    showInfo('Checkbox3');
</script>