[SOLVED] JavaScript function about CheckBox

droid.c3p0 · 12-01-2020, 05:16 AM

Creation of a Checkbox inside table cell:

Code:

<td>
    <input type="checkbox" id="chkbx1" name="Chkbx1" value="Checkbox1">
    <label for="chkbx1"> 1</label>
</td>

I am trying to understand is a Checkbox checked or not:

Code:

<script type="text/javascript">
    function Click1()
    {
        var c = document.getElementById("chkbx1").innerHTML;
        if (c !== "checked")
        {
            ........
        }
    }
</script>

Above function does not work the way I expect.
How to correct the function, so it to understand is a Checkbox checked or not ?

boughtonp · 12-01-2020, 07:17 AM

The innerHTML property is for looking at the contents of a tag with children - checked is an attribute which has its own property.

See JS example here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Examples

SoftSprocket · 12-01-2020, 07:17 AM

Try:

Code:

<script type="text/javascript">
    function Click1()
    {
        var c = document.getElementById("chkbx1");
        if (c.checked)
        {
            ........
        }
    }
</script>