Question

我有代码在表格中显示一个人的信息（字段：姓名，姓氏，地址等），其中一个输入是一个复选框。代码如下：

  $("#table").append('<tr class="trow'+j+'">'+
                      '<td class="ids" id="z'+i+'">'+totrecs+'</td>'+
              '<td>'+member[i].jdate+'</td>'+
              '<td class="users" 

              '<td id="contact'+i+'">'+member[i].fname+' '+member[i].lname+'</td>'+
              '<td id="myaddress'+i+'">'+member[i].address1+' '+member[i].town+'</td>'+

              '<td><input type="checkbox" name="whome" id="showMe'+i+'"'+
                                             'class="boxes" onclick="getMe('+i+')" /></td></tr>');  
      totrecs++;
      j++;
     }

我尝试做的是编写一个功能，当点击某个按钮时，将选中/选中所有复选框。

我将不胜感激任何帮助。谢谢。

Answer 1

<input type="button" value="Check/Uncheck All" />

$('#btnId').on('click', function() {

    var check = false;

    if( !$(this).hasClass('checked')){
        bool = true;
    }

    $(this).toggleClass('checked');

    $('#table input[type="checkbox"]').prop('checked', check)
});

Answer 2

这可能会有所帮助：JQquery Select All Checkboxes tutorial

Answer 3

使用jQuery检查#table中的所有复选框：

$('#table :checkbox').attr('checked', '');

请注意，这不会触发您为复选框设置的任何点击事件。您应该使用change事件而不是click来使其按预期发生。

使用jQuery选择所有文本框

3 个答案: