zoukankan      html  css  js  c++  java
  • jQuery--checkbox全选/取消全选

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Checkbox.aspx.cs" Inherits="FormJsOnlyRead.Checkbox" %>
    
    <!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 id="Head1" runat="server">
        <title>无标题页</title>
    //这里要说的是jquery  各位可以到网上下载 我这里就不说地址了   记住是1.4.2.min.js  有的使用1.6的话反选是不能实现的 切记 切记、、
        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(function ($) {
                //全选 
                $("#btn1").click(function () {
                    $("input[type='checkbox']").attr("checked", "true");
                })
                //取消全选 
                $("#btn2").click(function () {
                    $("input[type='checkbox']").removeAttr("checked");
                })
                //选中所有基数 
                $("#btn3").click(function () {
                    $("input[type='checkbox']:even").attr("checked", "true");
                })
                //选中所有偶数 
                $("#btn6").click(function () {
                    $("input[type='checkbox']:odd").attr("checked", "true");
                })
                //反选 
                $("#btn4").click(function () {
                    $("input[type='checkbox']").each(function () {
    //                    if ($(this).attr("checked")) {
    //                        $(this).removeAttr("checked");
    //                    }
    //                    else {
    //                        $(this).attr("checked", "true");
    //                                        }      
                        //alert($(this).attr("checked"))
                       $(this).attr("checked", !this.checked);
                       // $(this).attr("checked", !$(this).attr("checked")); 
                    })
                })
    
                //或许选择项的值 
                var aa = "";
                $("#btn5").click(function () {
                    $("input[type='checkbox']:checkbox:checked").each(function () {
                        aa += $(this).val()
                    })
                    document.write(aa);
                })
            }) 
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <input type="button" id="btn1" value="全选">
            <input type="button" id="btn2" value="取消全选">
            <input type="button" id="btn3" value="选中所有奇数">
            <input type="button" id="btn6" value="选中所有偶数">
            <input type="button" id="btn4" value="反选">
            <input type="button" id="btn5" value="获得选中的所有值">
            <br>
           <%-- <input type="checkbox" name="checkbox" value="checkbox1">
            checkbox1
            <input type="checkbox" name="checkbox" value="checkbox2">
            checkbox2
            <input type="checkbox" name="checkbox" value="checkbox3">
            checkbox3
            <input type="checkbox" name="checkbox" value="checkbox4">
            checkbox4  --%>
            <asp:CheckBoxList ID="CheckBoxList1" runat="server">
            <asp:ListItem Text="1" Value="1" Selected=True></asp:ListItem>
            <asp:ListItem Text="2" Value="2"></asp:ListItem>
            <asp:ListItem Text="3" Value="3"></asp:ListItem>
            <asp:ListItem Text="4" Value="5"></asp:ListItem>
            </asp:CheckBoxList>
        </div>
        </form>
    </body>
    </html>
  • 相关阅读:
    leetcode 309. Best Time to Buy and Sell Stock with Cooldown
    leetcode 714. Best Time to Buy and Sell Stock with Transaction Fee
    leetcode 32. Longest Valid Parentheses
    leetcode 224. Basic Calculator
    leetcode 540. Single Element in a Sorted Array
    leetcode 109. Convert Sorted List to Binary Search Tree
    leetcode 3. Longest Substring Without Repeating Characters
    leetcode 84. Largest Rectangle in Histogram
    leetcode 338. Counting Bits
    git教程之回到过去,版本对比
  • 原文地址:https://www.cnblogs.com/lovenan/p/3229975.html
Copyright © 2011-2022 走看看