0

我有以下代码：

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

5 回答 5

1

Try:

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

试试这个代码。

$(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");
    }

});
});
于 2013-07-22T11:11:54.647 回答
0

尝试这个

$('input[type="checkbox"]').prop("checked", false);
于 2013-07-22T11:03:49.807 回答
0

您可能没有添加jQuery参考，因为您的代码运行良好

jsFiddle

于 2013-07-22T11:09:33.160 回答
0

尝试这个

 $(function(){
    $("#deloptions").change(function(){
       if($("#deloptions  option:selected").val()=="all")
       {
              $('input[type="checkbox"]').prop("checked", false);
       }
       else
       {
              $('input[type="checkbox"]').prop("checked", true);
       }
    });
 })
于 2013-07-22T11:05:04.970 回答