zoukankan      html  css  js  c++  java
  • jquery 全选和反选

    两种形式:

    1.jquery操作html代码的全选和反选

    function checkAll() {
                //var check = $("input[name='checkall']").attr("checked");
                //var check = $("[id='checkbox6']").attr("checked");
                //$("input[name='checkbox']").attr("checked", check);

    <input type="checkbox" id="checkbox1" name="checkbox"/>1
    <input type="checkbox" id="checkbox2"  name="checkbox"/>2
    <input type="checkbox" id="checkbox3"  name="checkbox"/>3
    <input type="checkbox" id="checkbox4"  name="checkbox"/>4
    <input type="checkbox" id="checkbox5"  name="checkbox"/>5
    <input type="checkbox" id="checkbox6" name="checkall" onclick="checkAll()" />全选

    2.jquery操作服务器控件,实现全选和反选

    function checkAll() {
                //服务器控件的全选和反选
                var check = $("[id$='CheckBox7']").attr("checked");
                $("[type='checkbox']").attr("checked", check);
            }

    <asp:CheckBox ID="CheckBox1" runat="server" Text="1"/>
    <asp:CheckBox ID="CheckBox2" runat="server" Text="2" />
    <asp:CheckBox ID="CheckBox3" runat="server" Text="3" />
    <asp:CheckBox ID="CheckBox4" runat="server" Text="4" />
    <asp:CheckBox ID="CheckBox5" runat="server" Text="5" />
    <asp:CheckBox ID="CheckBox6" runat="server" Text="6" />
    <asp:CheckBox ID="CheckBox7" runat="server" Text="全选" onclick="checkAll()" />

  • 相关阅读:
    curl: (1) Protocol 'http not supported or disabled in libcurl
    线程-分为两类-用户线程和守护线程
    laypage分页插件的使用
    uploadify上传图片插件的使用
    redis安装
    php连接测试memcached
    pageY、clientY、screenY、offsetY的区别
    audio和video样式兼容
    实现剪切和复制功能
    滚动条样式
  • 原文地址:https://www.cnblogs.com/tangjianglan/p/2482384.html
Copyright © 2011-2022 走看看