流浪1123 发表于 2017-10-11 16:58:17

js全选操作

本帖最后由 流浪1123 于 2017-10-12 10:01 编辑

<input id="check" checked="" type="checkbox" />
<input class="check" checked="" type="checkbox" />
<input class="check" checked="" type="checkbox" />
<input class="check" checked="" type="checkbox" />
http://hiphotos.baidu.com/exp/pic/item/ea85a94543a98226ee80a1948b82b9014b90eb85.jpg

如上：选择input标签中id="check"的复选框，全选其他复选框。
1.引入jq代码//假设在根目录./js/libs/jquery-1.4.2.min.js
<script type="text/javascript" src="./js/libs/jquery-1.4.2.min.js"></script>
2.写js代码
<script type="text/javascript">
        $("#check").click(function(){
                if($(this).attr("checked","checked"))
                {
                        $(".check").attr("checked","checked")
                }else
                {
                        $(".check").removeAttr("checked")
                }
               
})
</script>

附加：
attr()和removeArttr()方法：
jQuery中attr()的使用_jasonyour_新浪博客http://blog.sina.com.cn/s/blog_84f5d20b0100w94t.html

alltolove 发表于 2017-10-11 19:32:24

要是有个效果图就好了

流浪1123 发表于 2017-10-12 10:02:38

alltolove 发表于 2017-10-11 19:32
要是有个效果图就好了

已添加，一个是全选。一个反选
这个是界面js用的比较多的小操作！
页: [1]
查看完整版本: js全选操作