<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery-1.11.2.min.js"></script>
<script>
$(function(){
$("#chedkAll").click(function(){
$("[name=items]:checkbox").attr("checked",true);
});
$("#chedkNo").click(function(){
$("[name=items]:checkbox").attr("checked",false);
});
$("#chedkRev").click(function(){
$("[name=items]:checkbox").each(function() {
this.checked=!this.checked;
});
});
$("#submit").click(function(){
var str="你选择的运动是： \r\n";
$("[name=items]:checkbox:checked").each(function(){
str+=$(this).val()+"\r\n";
});
alert(str);
});
})
</script>
</head>
<body>
<form>
你最喜欢的运动是？<br/>
<input type="checkbox" name="items" value="足球"/>足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="羽毛球"/>羽毛球
<input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/>
<input type="button" id="chedkAll" value="全选"/>
<input type="button" id="chedkNo" value="全不选"/>
<input type="button" id="chedkRev" value="反选"/>
<input type="button" id="submit" value="提交"/>
</form>
</body>
</html>
1.首次加载此段代码，在google和IE下没有问题，但是在FF下却出现了第一个不能选的问题？
2.当我点击“全不选”后，“全选”效果就失效了，但查看它们的checked的属性值都是“checked”，只是没有那个勾勾，而且点击submit也是处于没有选中任何一个的状态？
添加回答
举报
0/150
提交
取消