zoukankan      html  css  js  c++  java
  • jQuery复选框全选全不选代码

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="http://www.51texiao.cn/" />
    <title>jQuery复选框全选全不选代码</title>
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript">
    $.fn.checkCbx=function(){
    return this.each(function(){
    this.checked = !this.checked;
    })
    }
    $(function(){
    $("#btnSelect").click(function(){
    this.value = this.value == "全选"?"反选":"全选";
    $("input:checkbox").checkCbx();
    })
    })
    </script>
    </head>
    <body>
    <form name="form1" method="post" action="Default8.aspx" id="form1">
    <table border="1">
    <tr>
    <th>选择</th>
    <th>id</th>
    <th>姓名</th>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>1</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>2</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>3</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>4</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>5</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>6</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>7</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>8</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>9</td>
    <td>蚂蚁部落</td>
    </tr>
    <tr>
    <td><input type="checkbox" name="cbx" /></td>
    <td>10</td>
    <td>蚂蚁部落</td>
    </tr>
    </table>
    <input id="btnSelect" type="button" value="全选" />
    </form>
    </body>
    </html>

  • 相关阅读:
    ios 动态监听键盘输入法和高度
    [置顶] Android常用UI控件之PopupWindow
    Subsets II
    采用移位方法获取汉字编码
    wxPython利用pytesser模块实现图片文字识别
    Ubuntu下搭建Java开发环境
    贴心设计:打造高可用性的移动产品
    java 静态方法和实例方法的区别
    sql 2005 update语句
    ios状态栏操作
  • 原文地址:https://www.cnblogs.com/lily2015/p/4661965.html
Copyright © 2011-2022 走看看