0

次のコードがあります。

<select id="deloptions">
<option value="none">Select none</option>
<option value="all">Select all</option>
</select>

この選択の後に配置されたテーブルからすべてのチェックボックスをチェックして、すべてのチェックボックスをオフにしようとしています。チェックボックスは、テーブルの 1 列目に配置されます。それらはすべて「デルメ」クラスを持っています。私はすべてを試しましたが、うまくいかないようです...これが私の現在のコードです:

$('#deloptions').change(function(){ 
var value = $(this).val();
if (value == 'all') {
    $('input:checkbox').prop('checked', true);
    } else {
    $('input:checkbox').prop('checked', false);
    }
});

私も彼らのクラスを使ってみましたが、成功しませんでした...のように:

$('.delme').prop('checked', false);

テーブルに手を伸ばそうとしてもうまくいかなかったので、ちょっと立ち往生しています。

編集:

<table>
<tr>
<th></th>
<th>Title</th>
<th>Content</th>
<th>Date Added</th>
<th>Actions</th>
</tr>

<tr id="37">
<td><input type="checkbox" class="delme" id="37"></td>
<td>Good news!</td>
<td>This is a message!</td>
<td>2013-07-22</td>
<td>Here is a button</td>
</tr>
</table>
4

5 に答える 5

1

試す：

$('#deloptions').change(function(){ 
 var value = $(this).val();
 if (value == 'all') {
   $('input').attr('checked', 'checked');
 } else {
   $('input:checkbox').prop('checked', 'no');
 }
});
于 2013-07-22T11:14:40.370 に答える