首页 > Web开发 > 详细

jquery实现复选框全选反选

时间:2015-10-19 17:18:39      阅读:285      评论:0      收藏:0      [点我收藏+]

html代码:

<form method="post" action="">
你的爱好是:<input type="checkbox" id="CheckedAll" />全选/全不选
<br />
<input type="checkbox" name="one" value="唱歌" />唱歌
<input type="checkbox" name="one" value="跳舞" />跳舞
<input type="checkbox" name="one" value="看书" />看书
<input type="checkbox" name="one" value="运动" />运动
<br />
<input type="button" id="send" value="提交" />
</form>

 

js代码:

<script type="text/javascript">
    $(document).ready(function(){    
            $("#CheckedAll").click(function(){
                if (this.checked){    
                    $("[name=one]:checkbox").attr("checked",true);
                    }else{                            
                    $("[name=one]:checkbox").attr("checked",false);    
                        }        
        /*        $("[name=checkboxt]:checkbox").attr("checked",this.checked);*/
                });
    $("#send").click(function(){
        var str ="你的爱好是:\r\n";
        $("[name=one]:checkbox:checked").each(function(){            
            str+=$(this).val()+"\r\n";            
            });    
        alert(str);        
        });        
        });
</script>

 

jquery实现复选框全选反选

原文:http://www.cnblogs.com/dgmbk/p/4892296.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!