开发者社区> 问答> 正文

jquery复选框功能,点一次就不能用了

<script>
 
   $(function(){
        //全选
        $("#CheckedAll").click(function() {
            $("input[name=items]").attr('checked', true);
        });

        //全不选
        $("#CheckedNo").click(function() {
            $("input[name=items]").attr('checked', false);
        });
    })
</script>
<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="CheckedAll" value="全选">
        <input type="button" id="CheckedNo" value="全不选">
    </form>

全选和全部选的功能,点击一次就不能再用了,这是为什么,console也没有报错。

展开
收起
小旋风柴进 2016-05-30 08:53:54 1975 0
1 条回答
写回答
取消 提交回答
  • checkbox 只要有checked属性就一定是选中状态不管值是true或者false。

    所以和是否支持attr并没有什么关系,支持attr你那种写法也是一直被选中的状态。

    你可以选择移除checked属性添加checked属性来控制是否被选中,当然prop也不错。

    2019-07-17 19:18:56
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
现代Javascript高级教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载