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;
}
});
相关推荐
jquery获取checkbox选中的值,包括全选 取消全选 反选 选中奇数行 获取选中的值
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
jquery checkbox选择器在程序开发中经常会用到,接下来通过实例代码给大家介绍jquery获取checkbox选中的值,需要的朋友参考下
下面小编就为大家带来一篇jquery获取所有选中的checkbox实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery基于layui插件制作checkbox复选框选中代码,权限范围多选、单选、全选代码;checkbox父级子级结构,父级选中,子级全选,子级没有选中父级取消选中效果。
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
jquery动态生成checkbox 设置一行最多显示几个checkbox 获取checkbox选中项
点击按钮获取选中的CheckBox值,JQ实现,代码非常简单。
下面小编就为大家带来一篇jquery获取复选框checkbox的值的简单实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
主要介绍了Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码) 需要的朋友可以过来参考下,希望对大家有所帮助
本文实例讲述了jQuery遍历页面所有CheckBox查看是否被选中的方法。分享给大家供大家参考。具体如下: $('#tbl').find(':checkbox').each(function(){ if ($(this).is(":checked")) { //操作 } }); 希望本文所述...
获取input、checkbox、radio、select的方法有很多,下面本例为大家介绍下根据ID来获取
:checked :匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s=...
CheckboxList是服务器控件,绑定数据容易,服务器端获取选中值也容易。但是生成的静态页面居然没有ListItem的Value值,所以默认情况下用js在页面中是取不到ListItem的值的。至于为什么不显示value值,我也不清楚,本...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
工程从数据库中获取相关信息,通过列表显示所有数据,实现了checkbox的全选,并将选中部分的数据传入后台,进行操作。