0

1つのチェックボックスがオンになっている場合は、他のすべてのチェックボックスをオンにします。私のコード

<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という名前のすべてのチェックボックスをチェックしたいと思います。

誰かがこれを手伝ってくれませんか？ありがとう

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

新しいバージョンのjqueryのprop代わりに関数を使用することもできますattr

于 2012-04-09T13:05:36.747 に答える
0

すべてのチェックボックスのonclickイベント（name =='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 に答える