+ -
当前位置:首页 → 问答吧 → jquery全选,反选,也许有一天你用的上。

jquery全选,反选,也许有一天你用的上。

时间:2009-09-11

来源:互联网

用别人jquery全选反选不灵了,急忙中自己写了一个和大家分享一下,代码还是很少的。收藏一下吧,这叫做备好干粮以备不时之需。知识是共享的,知识也是无止境,大家共同提高,支持俺加一下群
:18409987,
群里有好多插件都有实例的,jquery上传图片,拖拽,弹出层等登
最好是北京的,有机会还能一起交流吃吃饭哈。
<script src="jquery.js" language="javascript"></script>
<script language="javascript">

/*
    written by lizhi;thanks for you look this jquery code;
    这是全选,代表当我单击了id为checkall按钮的时候就全选所有的复选框
*/
        $(function(){
            $('#checkall').toggle(function(){
                $("input[name='ids[]']").each(function() {
                    this.checked = true;
                });
            },function(){
                $("input[name='ids[]']").each(function() {
                    this.checked = false;
                });
            });
/*
    这是反选,代表当我单击了id为checkno按钮的时候就反选所有的复选框
*/

            $('#checkno').click(function(){
                $("input[name='ids[]']").each(function() {
                    if(this.checked == false)
                        this.checked = true;
                    else
                       this.checked = false;
                });
            })
        })
</script>


<p><input name="ids[]" type="checkbox"></p>
<p><input name="ids[]" type="c heckbox"></p>
<p><input name="ids[]" type="checkbox"></p>
<p><input name="ids[]" type="checkbox"></p>
<p><input name="ids[]" type="checkbox"></p>
<p><input name="ids[]" type="checkbox"></p>
<p><input name="ids[]" type="checkbox"></p>
<input name="checkall" type="button" id="checkall" value="全选"><br />
<input name="checkno" type="button" id="checkno" value="反选">

[ 此帖被lizhi在2009-09-17 14:01重新编辑 ]

作者: lizhi   发布时间: 2009-09-11

怎么就是没有人回复啊!
好歹也说个话

作者: lizhi   发布时间: 2009-09-14

实在有点过分,看帖的人多,回复的人没有啊

作者: lizhi   发布时间: 2009-09-17

...

作者: iexajt   发布时间: 2009-09-17

好东西,我来顶一个

作者: udbyvgu520   发布时间: 2009-09-23

写的有点臭,呵呵

作者: gundumw100   发布时间: 2009-09-23

这个我也会

作者: longjianghu   发布时间: 2009-09-24

弱弱的问一句,老大,你写的是插件呢?还是事件函数?刚学js,还望赐教

作者: zcrane   发布时间: 2009-09-24

这个太复杂了,看下锋利的jquery里面写的,简单多了
$("#checkall").click(function(){
   $(":checkbox").attr('checked','true');
})
//反选
$("#checkno").click(function(){
   $(":checkbox").each(function(){
     this.checked = ! this.checked; //
})
})

作者: zwd321081   发布时间: 2009-09-24

还是顶下楼主吧~~好东西值得学习

作者: 艾岚珂   发布时间: 2009-09-25

啊啊啊啊啊

作者: liang870420   发布时间: 2009-12-22

哈哈,现在就用到了,找这个了

作者: qone   发布时间: 2009-12-26

我顶你

作者: jzcd2010   发布时间: 2010-01-06

刚学 哈哈

作者: yanxiaoying   发布时间: 2010-01-06

你的功能不全!

作者: 寒羽   发布时间: 2010-01-07

.。。。。。。。

作者: yake_yk   发布时间: 2010-01-08

订一个 哈哈

作者: kfy0228   发布时间: 2010-01-21

很好用

作者: walihan   发布时间: 2010-05-16

相关阅读 更多