使用 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以使其按預期發生。