zoukankan      html  css  js  c++  java
  • jquery的全选,全不选,反选

    jquery的全选,全不选,反选:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jqueryselect.aspx.cs" Inherits="WebApplication9.jqueryselect" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <script src="Scripts/jquery-1.7.1.js"></script>
        <script type="text/javascript">
    
            $(function () {
                $("#selectAll").click(function () {//全选
                    $("#playList :checkbox").attr("checked", true);
                });
    
                $("#unSelect").click(function () {//全不选
                    $("#playList :checkbox").attr("checked", false);
                });
    
                $("#reverse").click(function () {//反选
                    $("#playList :checkbox").each(function () {
                        $(this).attr("checked", !$(this).attr("checked"));
                    });
                });
            });
    
        </script>
    </head>
    <body>
      
    
    
    
        <div id="playList">
            <input type="checkbox" value="歌曲1" />歌曲1<br />
            <input type="checkbox" value="歌曲2" />歌曲2<br />
            <input type="checkbox" value="歌曲3" />歌曲3<br />
            <input type="checkbox" value="歌曲4" />歌曲4<br />
            <input type="checkbox" value="歌曲5" />歌曲5<br />
            <input type="checkbox" value="歌曲6" />歌曲6
        </div>
        <input type="button" value="全选" id="selectAll" />
        <input type="button" value="全不选" id="unSelect" />
        <input type="button" value="反选" id="reverse" />
    </body>
    
    </html>
    sometimes the hardest part isn't letting go,but rather start over
  • 相关阅读:
    微信小程序中 数据缓存
    javascript 数组去重方法
    常用网站 ---总结
    vue面试题
    vue创建项目(命令方式)
    shutil 模块:文件复制.移动.压缩.解压.递归删除文件夹
    面向对象一些零散的知识点
    面向对象之多态
    面向对象与继承
    序列化与反序列化的三个模块:json pickle shelve
  • 原文地址:https://www.cnblogs.com/zhumeiming/p/5656804.html
Copyright © 2011-2022 走看看