Question

我的观点如下

<input type="checkbox" id="checkall"  name="check_all"/><span>Check All</span>
 <table class="table">
    <tr>
        <th>Selected</th>           
        <th>Name</th>         
   </tr>
    @foreach (School.Data.ViewModels.Student item in Model.StudentDetails)
    {
        <tr>
            <th>@Html.CheckBoxFor(modelitem => item.IsChecked, new { @onclick = "studentChecked(this);", @name="checked1", @class="idrow" })  </th>  
             <th> @Html.DisplayFor(modelitem => item.Name)</th>      
        </tr>
    }

 </table>

 <script>
    $(document).on(' change', 'input[name="check_all"]', function () {
       $('.idRow').prop("checked1", this.checked);
    });
 </script>

我有一个复选框，名称为“ check_all”。当我选择此复选框时，必须选中表中的所有复选框。我怎样才能做到这一点？。我已经看到了该页面http://jsfiddle.net/GW64e/，但仍然无法正常工作。请帮助：）

Answer 1

下面的代码将选中所有复选框

  $("#checkall").click(function () {
        $(".idrow").attr('checked', this.checked);
    });

下面的代码将取消选中，并根据选择选中“全部选中”复选框

$(".idrow").click(function() {
    if (!this.checked) {
        $("#checkall").attr('checked', false);
    }
    else if ($(".idrow").length == $(".idrow:checked").length) {
        $("#checkall").attr('checked', true);
    }
});

检查所有复选框不起作用，asp.Net MVC

1 个答案: