jquery的全选，全不选，反选
生活随笔
收集整理的這篇文章主要介紹了
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>?
轉載于:https://www.cnblogs.com/zhumeiming/p/5656804.html
總結
以上是生活随笔為你收集整理的jquery的全选，全不选，反选的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 51nod 1138 连续整数的和（数学
- 下一篇： html+css复习之第2篇 | jav