1.判断checkbox是否被选中
if($("#checkboxID").attr("checked")==true){//执行操作}
2.checkbox的几种操作
a).$("input[name='checkboxName']").attr("checked", 'true');//全选
b).$("input[name='checkboxName']").removeAttr("checked");//取消全选
c).$("input[name='checkboxName']:even").attr("checked",'true');//选中所有奇数
d).$("input[name='checkboxName']").each(function(){
if($(this).attr("checked")){
$(this).removeAttr("checked");
}else{
$(this).attr("checked",'true');
} //反选
e).var str = "";
$("input[name='idList']").each(function() {
if ($(this).attr("checked")) {
str += $(this).val();
}
}); //获取所有选中的值
3.实际应用实例(批量删除,获取id):
方法1:
//批量删除
$("#deleteUserBatch").click(function() {
var len = $("#checkbox").length;//获取checkbox的长度
var obj = $("#checkbox");//获取checkbox对象
var count = 0;//定义int变量,用于记录checkbox选中的个数
for (var i = 0; i < len; i++) {//遍历所有checkbox
if (obj[i].checked) {//判断,如果checkbox被选中
$("input[type='checkbox']").each(//遍历input标签里,类型为checkbox的所有组件
function() {
if ($(this).is(":checked") == true) {//如果checkbox的checked为true,即,被选中状态
count++;//checkbox的选中个数+1
}
});
alert("选中了" + count);
var url = "deleteUserBatch.do";
var params = $("#form1").serialize();
$.post(url,params,function(data){
alert("data="+data);
},"html");
return false;
} else {
count++;
if (count == len) {
alert("尚未选择任何内容!");
return false;
}
}
}
});
方法2:
//批量删除
$("#deleteUserBatch").click(function() {
var str = "";
$("input[name='idList']").each(function() {
if ($(this).attr("checked")) {
str += $(this).val();
}
});
if (str.trim(" ") == "") {
alert("尚未选择任何内容!");
return false;
} else if (confirm("确定批量删除[" + str + "]的信息?")) {
var url = "deleteUserBatch.do";
var params = $("#form1").serialize();
$.post(url, params, function(data) {
alert("data=" + data);
window.location.reload();
}, "html");
} else {
return false;
}
});