Select all checkbox in asp.net mvc

Asad khan

9y14.1k.NET

when i select one checkbox then all the below checkbox automatically checked in asp.net mvc

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mageshwaran R6y ago
Hi,
Please refer the below link, it might helps you
https://www.codeproject.com/Articles/706729/ASP-NET-MVC-Add-a-Select-All-Checkbox-to-a-Checkli
0
Partha7y ago
Hi Vishal Patel,

I looked at your code. What is that checkbox "This should not be checked"?

If "select all" is checked and any of the other checkboxes are unchecked then select all should get unchecked. how to do that?
0
Partha7y ago
Hi Pradeep Sahoo,

ican you explain the jquery code. how it selects and unselects all checkboxes
0
Vishal Patel7y ago
You can follow this code to select and select none usiing below url this is right solution based on your requirment.

https://jsfiddle.net/amiya/wznx11gt/
0
Amit Mohanty7y ago
Try this
"text/javascript">
    $('#myCheckAll').click(function () {
        var chk = $(this).is(':checked');
        var cnt = $('input[type=checkbox]', "#myTable").length;
        $('input[type=checkbox]', "#myTable").each(function () {
            if (chk) {
                $(this).attr('checked','checked');
            }
            else {
                $(this).removeAttr('checked');
            }
        });
    });

<input type="checkbox" onclick="checkAll()" id="myCheckAll" />Check All
<br />
<table id="myTable">
    @for (int i = 1; i <= 10; i++)
    {
    <tr>
        <td>
            <input type="checkbox" />
        td>
        <td>
            @i.ToString()
        td>
        <td>@i Numbertd>
    tr>
    }
table>
0
Partha7y ago
ican you explain the jquery code. how it selects and unselects all checkboxes
0
Attie8y ago
Hi Pradeep Sahoo
I am sure this is for checkAll/SelectAll. How about DeselectingALL/UncheckAll ?
Kind regards
Attie
-1
Pradeep Sahoo9y ago
Use below code
Html code :
"checkbox" id="ckbCheckAll" /> Check All
"checkBoxes">
"checkbox" class="checkBoxClass" id="Checkbox1" />

"checkbox" class="checkBoxClass" id="Checkbox2" />

Jquery Use below code
$(document).ready(function () {
$("#ckbCheckAll").click(function () {
$(".checkBoxClass").prop('checked', $(this).prop('checked'));
});
$(".checkBoxClass").change(function(){
if (!$(this).prop("checked")){
$("#ckbCheckAll").prop("checked",false);
}
})
Plesae refere : http://jsfiddle.net/sVQwA/
+4