html5中文学习网

您的位置: 首页 > 网站及特效实例 > jquery特效 » 正文

jquery实现全选、反选_编程语言综合

[ ] 已经帮助:人解决问题

 VUhHTML5中文学习网 - HTML5先行者学习网

1
<script src="js/plugin/jquery-1.9.0.js"></script>

 VUhHTML5中文学习网 - HTML5先行者学习网

 VUhHTML5中文学习网 - HTML5先行者学习网

 VUhHTML5中文学习网 - HTML5先行者学习网

 VUhHTML5中文学习网 - HTML5先行者学习网

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$(document).ready(function() {
    $("#selectAll").click(function() {
        $("input[name='subBox']").each(function() {
            this.checked = true;
        });
    });
    $("#reverse").click(function() {
        $("input[name='subBox']").each(function() {
            if (this.checked) {
                this.checked = false;
            } else {
                this.checked = true;
            }
        }); 
    });
    $("#checkItems").click(function() {
        $("input[name='subBox']").each(function() {
            if (this.checked) {
                this.checked = false;
            } else {
                this.checked = true;
            }
        });
    });
});

 VUhHTML5中文学习网 - HTML5先行者学习网

?
1
2
3
<input type="checkbox" id="checkItems">       
                全选
                反选

 VUhHTML5中文学习网 - HTML5先行者学习网

?
1
2
<input type="checkbox" name="subBox" value="">

 VUhHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助