2012-11-07 127 views
-1

我有一个代码在一个表中显示了一个人的信息(字段:姓名,地址等),其中一个输入是复选框。代码如下:使用jQuery选择所有文本框

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

什么我试着做的是程序,点击某个按钮的所有复选框将被选中时/确认的功能。

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

回答

0
<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) 
}); 
+0

在btnId,我想添加按钮或复选框的ID? –

+0

这是按钮的编号 –

+0

谢谢你的代码,但它似乎并没有工作,我已经给了按钮ID =“btn”,更改btnId btn在js中,并将代码复制到我的js文件,是对 ?或者我应该改变表格输入?谢谢 –

0

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

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

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

相关问题