0

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

<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>

检查名为报告的复选框。我想检查所有名称为报告的复选框。

有人可以帮我吗？谢谢

4

4 回答 4

2

好的：

$('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 处理程序和/或出现在所有复选框之后的脚本块中。

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

简单的演示（也展示了如何使用 document.ready）：http: //jsfiddle.net/eHLcS/

于 2012-04-09T13:04:31.393 回答
2

试试这个：

$('input[name="report"]').change(function() {
    $('input[name="reports"]').attr("checked", $(this).is(":checked"));
});
于 2012-04-09T13:04:59.817 回答
1

用这个：

$(function(){

    // add multiple select / deselect functionality
    $("#selectall").click(function () {
          $('.case').attr('checked', this.checked);
    });
});

#selectall您的“报告”复选框的 id在哪里，并且.case是您希望在单击时选择的所有复选框的 cssclass#selectall

您还可以使用prop函数而不是attr较新版本的 jquery

于 2012-04-09T13:05:36.747 回答
0

在所有复选框的 onclick 事件中附加以下功能（名称=='report'）

function CheckAllReportCheckboxes()
{
    var elm = document.getElementsByTagName("input");
    for (i = 0; i < elm.length; i++) {
        if (elm[i].type == "checkbox" && elm[i].name == 'report') {
                elm[i].checked = 'checked';
        }
    }
}

请记住，取消选中复选框将不起作用。

于 2012-04-09T13:56:47.880 回答