js操作checkbox各个浏览器不兼容

<!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也是处于没有选中任何一个的状态？
好学的Lv
浏览 2338回答 2
js操作checkbox各个浏览器不兼容

2回答
