全选checkbox实例

来源:互联网 发布:ubuntu 打开anaconda 编辑:程序博客网 时间:2024/04/30 12:03
<body>    <div>        <input id="checkAll" type="checkbox" />全选        <input name="subBox" type="checkbox" />项1        <input name="subBox" type="checkbox" />项2        <input name="subBox" type="checkbox" />项3        <input name="subBox" type="checkbox" />项4    </div></body>

js的代码:

<script type="text/javascript">


  $(function() {
       $("#checkAll").click(function() {
            $('input[name="subBox"]').attr("checked",this.checked);
            });
            var $subBox = $("input[name='subBox']");
            $subBox.click(function(){
            $("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length?true:false);
            });
        });
</script>



0 0
原创粉丝点击