0

8列のテーブルがあります。最後の列にはRefactor?<th>というヘッダーがあります。テーブルの各行にチェックボックスを表示するだけです。ユーザーがテーブル内の特定のレコードをリファクタリングする場合は、行のリファクタリングを確認しますか? チェックボックスをオンにして、フォームを送信します。

テーブルの上に「すべてチェック」チェックボックスを実装しようとしています。これにより、ユーザーは「すべてチェック」チェックボックスをクリックし、テーブルのすべての行がリファクタリングされますか? チェックボックスをオンにしました。私はjQueryでこれを達成しようとしていますが、これまでに達成しました:

$("#checkAll").click(function() {
    alert("Check All has been checked!");

    var checkboxArray = null;
    $.each(checkboxArray, function(key, value) {
        $(key).prop("checked", true);
    });
});

明らかに、これは機能しませんが、下のすべてをコメントアウトするalertと、「すべてをチェック」チェックボックスをクリックするとアラートダイアログが正常に表示されるので、ここまで来ました。

checkboxArrayすべてのリファクタリングの配列 ( ) を取得しようとしていますか? 表のチェックボックス。その配列を取得したら、各チェックボックスを反復処理してそのcheckedプロパティを true に設定する方法が必要です。しかし、ここで点をつなぐのに苦労しています。前もって感謝します！

4

6 に答える 6

1

2つのアプローチがあり、すべてのチェックボックスをチェックできます

$('input[type=checkbox]').prop('checked', true);

または、それらのリファクタボックスにクラスを与えて、それらのみをチェックすることができます

$('.refactorClass').prop('checked', true);
于 2012-11-06T15:59:43.177 に答える
0

なぜ最初にそれらを配列に入れようとしているのかわかりません。

これは私のために働きます：

$('#checkall').click(function(){
    $('input[type="checkbox"]').prop('checked', true);
});

</ p>

于 2012-11-06T16:01:38.190 に答える
0

それらが8列目にあるとすると、次のように実行できます。

$("#checkAll").click(function() {
    alert("Check All has been checked!");

    $('#yourtable td:nth-child(8) :checkbox').each(function() {
         $(this).prop("checked", true);
    });
});

作業デモを見る

于 2012-11-06T16:02:11.820 に答える
0

テーブル内:checkboxのすべての を選択して、 を使用するだけです。th:last-child.prop()

$("#checkAll").click(function() {
    alert("Check All has been checked!");

    $("#myTable th:last-child :checkbox").prop("checked",true);
});

デモ: http://jsfiddle.net/9BRA3/

于 2012-11-06T15:58:47.703 に答える
0

すべてのチェックボックスのような選択にクラスを追加すると、これはかなりきれいになります。

$("#checkAll").click(function() {
   $(".seleciton").attr("checked", true);
});
于 2012-11-06T15:59:33.223 に答える
0 
$("#checkAll").click(function() {
    alert("Check All has been checked!");

    $('input[type="checkbox"]').not($(this)).prop('checked' , this.checked);
});

ページにこれらのチェックボックスしかない場合は、上記の方法を使用できます。そもそも繰り返す必要はありません..

$("#checkAll").click(function() {
      alert("Check All has been checked!");

      $('tbody input[type="checkbox"]').not($(this)).prop('checked' , this.checked);
 });
于 2012-11-06T16:03:13.873 に答える