zoukankan      html  css  js  c++  java
  • Jquery实现全选/取消全选

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="jquery-1.7.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            function checkAll() {
                $(":checkbox").attr("checked","true");
            }
            function uncheckAll() {
                $(":checkbox").each(function(){
                    this.checked=false;
                })
                }
        </script>
    </head>
    <body>
    <input type="checkbox" id="in1" />Jquery<br />
    <input type="checkbox" id="in2" />JavaScript<br />
    <input type="checkbox" id="in3" />ADO.net<br />
    <p>
    <input type="button" name="checkAll" value="全选" onclick="checkAll()" />
    <input type="button" name="uncheckAll" value="取消全选" onclick="uncheckAll()" />
    </p>
    </body>
    </html>

  • 相关阅读:
    React实现双数据绑定
    浏览器兼容
    关于postman
    前端常用插件、工具类库
    媒体查询总结
    Vue开发中可能会使用到的所有插件
    Vue+iView通过a标签导出文件
    类的内置方法
    单元测试
    面向对象的三大特性
  • 原文地址:https://www.cnblogs.com/lyanm/p/jquery.html
Copyright © 2011-2022 走看看