Question

<script type="text/javascript">
$(document).ready(function() {
    $("#paradigm_all").click(function() {
        var checked_status = this.checked;
        $("input[@name=paradigm]").each(function() {
            this.checked = checked_status;
        });
    });
});

</script>


<table class="data-table">
    <tr>
         <th>
            Redni br.
        </th>
        <th>
            Br. Indexa
        </th>
        <th>
            Prezime
        </th>
        <th>
            Ime
        </th>
        <th>
           <input id="paradigm_all" type="checkbox" />
        </th>  
    </tr>       
<% int rb = 1;%>
<% foreach (var item in Model)
   { %>       
    <tr>
    <td>
            <input readonly="readonly" class="input-box" id="rb" type="text" name="rb"  value="<%= Html.Encode(rb)%>" />
        </td>            
        <td>

            <input readonly="readonly" class="input-box" id="id_stud" type="text" name="id_stud"  value="<%= Html.Encode(item.id_stud)%>" />

        </td>
        <td>
            <%= Html.Encode(item.prezime)%>
        </td>
        <td>
             <%= Html.Encode(item.ime)%>
        </td>
         <td>
           <input  name="paradigm" type="checkbox" /> 
        </td>
    </tr>

<% rb = rb + 1;%>
<% } %>

</table>

为什么这个javascript不起作用？请帮忙

Answer 1

   $("input[@name=paradigm]").attr('checked',checked_status);

你的工作不起作用的原因是因为$('...').checked是一个值返回，而不是一个引用。要更改checked属性，您需要使用attr setter。

Answer 2

我认为您可以安全地删除此代码中的每一个

$(document).ready(function() {
   $("#paradigm_all").click(function() {
    $("input[name=paradigm]").attr({checked: $(this).is(':checked')});
  });

Answer 3

在表格顶部添加复选框元素

<table>
<tr>
 <th>
  <input type="checkbox" onclick="$('table:parent td input[type=checkbox]').attr('checked',$(this).attr('checked'));" />
 </th>

......等等。

<tbody>                 
 <tr>
  <td><input type="checkbox" id="id-1" name="id[]" value="1" /></td>                       
 </tr>
</tbody>
</table>

首先勾选表格中的所有复选框。

Answer 4

Woah老兄，你这里有一些疯狂的事情，我建议清理它粘贴在这里的方式，我想我们可以更好地阅读它。

选中并取消选中所有复选框

4 个答案: