jquery对checkbox操作实例大全,包括对checkbox的全选、反选、全部选、取值、取页面显示值等功能,具体看下面jquery对checkbox操作实例代码:
$(function () {
$("#selAll").click(function () { //":checked"匹配所有的复选框
$("#div1 :checkbox").attr("checked", true); //"#div1 :checked"之间必须有空格checked是设置选中状态。如果为true则是选中fo否则false为不选中
});
$("#unselAll").click(function () {
$("#div1 :checkbox").attr("checked", false);
});
//理解用迭代原理each(function(){})
$("#reverse").click(function () {
$("#div1 :checkbox").each(function () {
$(this).attr("checked",!$(this).attr("checked")); //!$(this).attr("checked")判断复选框的状态:如果选中则取反
});
});
$("#submit").click(function (){
var items= $("input:checkbox:checked");
if (items>0) {
alert("您选中了"+items.length+"个项目");
var checked=[];
$("input:checkbox:checked").val();
$("input:checkbox:checked").each(function() {
console.log("---",$(this));
// checked.push($(this).attr("value"));//获取value值
checked.push($(this).next().text());//获取显示文本的值
});
alert(checked);
}else{
alert("您还没选择!");
}
});
});
更多信息请查看IT技术专栏