jq多选按钮值_简单实现jQuery多选框功能

Jquery多选框的基本操作：支持全选、反选、取消全选的功能

HTML正文：

全选/全不选

兴趣爱好：

篮球

足球

羽毛球

Javascript操作代码：

$("#c1").click(function(){

if(this.checked){

$("input[name='interst']").attr("checked","checked");

}else{

//$("input[name='interst']").attr("checked",""); //等价于

$("input[name='interst']").removeAttr("checked");

}

});

$("#b1").click(function(){

$("input[name='interst']").attr("checked","checked");

});

$("#b2").click(function(){

$("input[name='interst']").attr("checked","");

});

$("#b3").click(function(){

$("input[name='interst']").each(function(){

if(this.checked){

this.checked="";

}else{

this.checked="checked";

}

});

});

$("#b4").click(function(){

$("input[name='interst']:checked").each(function(){

alert(this.value);

});

});

效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。