Question

我有以下代码：

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

我正在尝试检查所有这些并取消选中此选择后放置的表中的所有复选框。复选框位于表格的第一列中。他们都有“delme”级。我已经尝试了所有东西，但它似乎不起作用......这是我目前的代码：

$('#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>

Answer 1

尝试：

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

Answer 2

试试这个

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

Answer 3

试试这个

 $(function(){
    $("#deloptions").change(function(){
       if($("#deloptions  option:selected").val()=="all")
       {
              $('input[type="checkbox"]').prop("checked", false);
       }
       else
       {
              $('input[type="checkbox"]').prop("checked", true);
       }
    });
 })

Answer 4

您可能没有添加jQuery引用，因为您的代码运行正常

<强> jsFiddle

Answer 5

试试这段代码。

$(function(){

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

// if all checkbox are selected, check the selectall checkbox
// and viceversa
$(".case").click(function(){

    if($(".case").length == $(".case:checked").length) {
        $("#selectall").attr("checked", "checked");
    } else {
        $("#selectall").removeAttr("checked");
    }

});
});

使用jQuery选择所有复选框并选择选项

5 个答案: