CheckBoxList Validation in ASP.NET

CheckBoxList Validation in ASP.NET

by Jaganathan

HTML

<table id="chkDemo">
    <tbody>
        <tr>
            <td>
                <input type="checkbox" value="1" name="chkDemo$0" id="chkDemo_0">
                <label for="chkDemo_0">Apples</label>
            </td>
            <td>
                <input type="checkbox" value="2" name="chkDemo$1" id="chkDemo_1">
                <label for="chkDemo_1">Oranges</label>
            </td>
            <td>
                <input type="checkbox" value="3" name="chkDemo$2" id="chkDemo_2">
                <label for="chkDemo_2">Mangoes</label>
            </td>
        </tr>
    </tbody>
</table>
   
            
 <input type="checkbox" value="2" name="chkDemoAll" id="chkDemoAll">
                <label for="chkDemo_1">All</label>
            
<input type="submit" id="Button1" onclick="return validateCheckBoxList();" value="Submit" name="Button1">

JavaScript

var checkBoxes = document.getElementById("chkDemo").getElementsByTagName("input");

function validateCheckBoxList() {
    var isAnyCheckBoxChecked = false;


    // ::: Step-3 ::: Now let's Loop through the Children.
    for (var i = 0; i < checkBoxes.length; i++) {
        if (checkBoxes[i].type == "checkbox") {
            if (checkBoxes[i].checked) {
                // Break the Loop.
                isAnyCheckBoxChecked = true;
                alert("Atleast one CheckBox is checked");
                break;
            }
        }
    }

    if (!isAnyCheckBoxChecked) {
        alert("No CheckBox is Checked.");
    }

    return isAnyCheckBoxChecked;
}



$('input[name^="chkDemo"]').click(function() {
 
var allchecked = true;
    for (var i = 0; i < checkBoxes.length; i++) {
        if (checkBoxes[i].type == "checkbox") {
            if (!checkBoxes[i].checked) {
                allchecked= false;
            }
        }
    }
    if(allchecked) {
        $('#chkDemoAll').attr('checked',true);
    }
})