javascript - 选中一个复选框会选中所有复选框

Question

如果选中一个复选框，我想选中所有其他复选框。我的代码

<tr>
    <td class="small"><asp:CheckBox ID="chkReportModuleName" runat="server" name="report"></asp:CheckBox></td>
    <td class="particulrs"></td>
    <td class="small"><asp:CheckBox ID="chkReportAdd" runat="server" name="reports"></asp:CheckBox></td>
    <td class="small"><asp:CheckBox ID="chkReportEdit" runat="server" name="reports"></asp:CheckBox></td>
    <td class="small"><asp:CheckBox ID="chkReportDelete" runat="server" name="reports"></asp:CheckBox></td>
    <td class="small"><asp:CheckBox ID="chkReportView" runat="server" name="reports"></asp:CheckBox></td>
    <td class="small"><asp:CheckBox ID="chkReportPrint" runat="server" name="reports"></asp:CheckBox></td>
    <td class="othr"><span><input type="checkbox" id="chkReportActivity1" name="reports" /></span></td>
</tr>

选中名为“report”的复选框时。我想选中所有名为“reports”的复选框。

有人可以帮我解决这个问题吗？谢谢

Answer 1

好的:

$('input[name="report"]').click(function(){
   $('input[name="reports"]').prop("checked", this.checked);
});

单击“报告”复选框后，所有“报告”复选框将设置为与“报告”相同的状态。如果您希望它仅以单向方式工作，即，如果取消选中“报告”复选框不应取消选中其他复选框，请执行以下操作:

$('input[name="report"]').click(function(){
   if (this.checked)
       $('input[name="reports"]').prop("checked", true);
});

上面的内容应该放在 document.ready 处理程序中和/或出现在所有复选框之后的脚本 block 中。

如果您使用旧版本的 jQuery，则需要使用 .attr() 而不是 .prop()。

简单演示(还展示了如何使用 document.ready):http://jsfiddle.net/eHLcS/