zoukankan      html  css  js  c++  java
  • jQuery 实现复选框的全选与反选

        <script>
            //实现全选与反选
            $(".allAndNotAll").click(function () {
                if ($(this).prop("checked")) {
                    $("input[id=inlineCheckbox1]:checkbox").each(function () {
                        $(this).prop("checked", true);
                    });
                } else {
                    $("input[id=inlineCheckbox1]:checkbox").each(function () {
                        $(this).prop("checked", false);
                    });
                }
            });
            //当其中不勾选某一个选项的时候,则去掉全选复选框
            $(":checkbox[id=inlineCheckbox1]").click(function () {
                $(".allAndNotAll").prop('checked',
                    $(":checkbox[id=inlineCheckbox1]").length == $(":checkbox[id=inlineCheckbox1]:checked").length);
            });
        </script>
    <!-- 全选按钮 -->  
    <label for="exampleInputEmail2">全选</label>
     <input type="checkbox" class="allAndNotAll">
     <!-- 单选框 -->                
    <td><input type="checkbox" value="{{ data.id }}" name="product_bound_id" id="inlineCheckbox1"></td>
  • 相关阅读:
    iOS
    iOS
    iOS
    iOS
    iOS
    使用jquery获取radio的值
    CSS margin属性与用法教程
    CSS框架960Grid从入门到精通一步登天
    从程序员到项目经理
    华为离职副总裁徐家骏:年薪千万的工作感悟
  • 原文地址:https://www.cnblogs.com/xshan/p/10227477.html
Copyright © 2011-2022 走看看