注册 登录
编程论坛 JavaScript论坛

求教:反选按钮第一次行,第二次就不对了

sxfplf 发布于 2013-08-12 10:22, 733 次点击
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {  
            $("#selAll").click(function () {
                $(":checkbox").attr("checked", true);
            });
            $("#notAll").click(function () {
                $(":checkbox").attr("checked", false);
            });
            $("#resel").click(function () {
                $(":checkbox:checked").attr("checked",false).siblings().attr("checked",true);
            });
        });
    </script>
</head>
<body>
<input type="checkbox" value="A" checked="checked" />A<br />
<input type="checkbox" value="B" />B<br />
<input type="checkbox" value="C" />C<br />
<input type="checkbox" value="D" />D<br />
<input type="checkbox" value="E" />E<br />
<input type="checkbox" value="F" />F<br />
<input type="button" id="selAll" value="全选"/><input type="button" id="notAll" value="全部取消"/><input type="button" id="resel" value="反选" />
</body>
</html>
求教:为什么反选按钮第一次按就可以实现反选,第二次就不行了!本人新手,求指教!!
4 回复
#2
java小蚂蚁2013-08-12 10:35
代码写的就是一次。反选完成后,代码已经运行过去了,除非你页面再刷新。或者改代码。
你再写个方法,当当前选项改变的时候,保存当前选项为初始状态,并再次调用function
#3
sxfplf2013-08-14 10:04
回复 楼主 sxfplf
那怎么全选和全不选可以反复使用呢
#4
java小蚂蚁2013-08-14 10:51
改写下试试
this.checked = !this.checked
反选那段
#5
渴望做梦2015-02-15 15:10
我是这么写的
  $(function () {
            $("#selAll").click(function () {
                $("input[type='checkbox']").each(function(){
                    if(!(this.checked)){
                        this.checked=true;
                    }
                });
            });
            $("#notAll").click(function () {
                $("input[type='checkbox']").each(function(){
                    if(this.checked){
                        this.checked=false;
                    }
                });
            });
            $("#resel").click(function () {
                $("input[type='checkbox']").each(function(){
                    if(this.checked){
                        this.checked=false;
                    }else{
                        this.checked=true;
                    }
                });
            });
        });
1