jquery实现checkbox的全选与取消

来源:互联网 发布:杨贵妃 山口百惠 知乎 编辑:程序博客网 时间:2024/04/30 14:55

html部分:

<lable><input type="checkbox" onclick="selectAll(this);" />全选</lable>
        <div>
      <lable><input type="checkbox"/>sdf</lable>
      <lable><input type="checkbox"/>asdf</lable>
      <lable><input type="checkbox"/>were</lable>
      <lable><input type="checkbox"/>ewrr</lable>
       </div>

js部分:

        <script>
            function selectAll(checkbox) {
                $('input[type=checkbox]').prop('checked', $(checkbox).prop('checked'));
            }
        </script>

别忘了,页面要引入js,如:

        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

或者 <script type="text/javascript" src="js/jquery.js"></script>

0 0
原创粉丝点击