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;
}
});
版权声明:本文为u011197448原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。