使用 jQuery 选择所有文本框

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 选择所有复选框教程

Answer 3

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

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

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