Jquery多选框的基本操作:支持全选、反选、取消全选的功能
HTML正文:
Box" id="c1">全选/全不选
兴趣爱好:
Box" name="interst" value="basketball">篮球 Box" name="interst" value="football">足球 Box" name="interst" value="bedminton">羽毛球
显示">
兴趣爱好:
Box" name="interst" value="basketball">篮球 Box" name="interst" value="football">足球 Box" name="interst" value="bedminton">羽毛球
显示">
Javascript操作代码:
$("#b1").click(function(){
$("input[name='interst']").attr("checked","checked");
});
$("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);
});
});
效果: