我目前显示的是记录列表,下面有几个按钮。其中两个被称为“全选”和“全部清除”,目标是复选框。我想知道如何实现代码来选择所有存在的复选框,并取消选择它们类似于切换但是在两个单独的按钮上。
function showAll(qstring,qtype){
$("#vsdiv").show();
var myurl="scripts/searchadmin.php";
$.ajax({
url: myurl, dataType:'json',data:{querystring:qstring,querytype:qtype},
success: function(member){
$("#resultstable").append('<tr class="yellow">'+
'<th>#REC</th><th>JOINED</th><th>USER NAME</th>'+
'<th>CONTACT</th><th>ADDRESS</th><th>PHONE</th>'+
'<th>EMAIL</th><th>STATUS</th><th>SELECT</th></tr>');
var j=0;var totrecs=1;
for(var i=0;i<10;i++){
$("#resultstable").append('<tr class="trow'+j+'">'+
'<td class="ids" id="z'+i+'">'+totrecs+'</td>'+
'<td>'+member[i].jdate+'</td>'+
'<td class="users" id="username'+i+'">'+member[i].username+'</td>'+
'<td id="contact'+i+'">'+member[i].fname+' '+member[i].lname+'</td>'+
'<td id="myaddress'+i+'">'+member[i].address1+' '+member[i].town+'</td>'+
'<td id="phone'+i+'">'+member[i].phone+'</td>'+
'<td id="email'+i+'">'+member[i].email+'</td>'+
'<td id="status'+i+'">'+member[i].status+'</td>'+
'<td><input type="checkbox" name="whome" id="showMe'+i+'"'+
'class="boxes" onclick="getMe('+i+')" /></td></tr>');
$('#sr').html('Showing 1 of '+member.length+' Members')
});
totrecs++;
j++;
}
}
});
}
我非常感谢任何关于我应采取的方法的想法。
答案 0 :(得分:0)
$(function () {
$('#selectall').click(
function() {
$('.boxes').prop('checked', true);
}
);
});
$(function () {
$('#clearall').click(
function() {
$('.boxes').prop('checked', false);
}
);
});
答案 1 :(得分:0)
$(document).ready(function () {
$('#selectall').click(function() {
$('.boxes').attr('checked','checked');
});
$('#clearall').click(function() {
$('.boxes').removeAttr('checked');
});
});