jquery全选反选

最新推荐文章于 2023-05-25 08:32:18 发布
最新推荐文章于 2023-05-25 08:32:18 发布
阅读量156 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lishuaileibo/article/details/78833078
版权
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <style>
 *{
 margin: 0px auto;
 padding: 0px;
 }
 .d{
 width: 500px;
  
  
 }
  
 </style>
 <script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
 <script>
 $(function (){
 $("#qbt").click(function (){
 $("[name='p']").each(function (){
 $(this).prop("checked",true)
 })
  
 })
 $("#bt").click(function (){
 $("[name='p']").each(function (){
 $(this).prop("checked",false)
 })
 })
 $("#fbt").click(function (){
 $("[name='p']").each(function(){
 $(this).prop("checked",!$(this).prop("checked"))
 })
 })
  
 })
  
  
 </script>
 </head>
 <body>
 <div class="d">
 游戏<input type="checkbox" name="p" />
 YY<input type="checkbox" name="p" />
 QQ<input type="checkbox" name="p" />
 看奥特曼<input type="checkbox" name="p" /><br /><br />
 <input type="button" id="qbt" value="全选" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <input type="button" id="bt" value="不选" />
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <input type="button" id="fbt" value="反选" />
 </div>
  
 </body>
 </html>
 

李帅磊
关注
jquery全选反选全不选案例
04-04
"jquery全选反选全不选案例" 是一个常见的交互功能，常见于表格或者列表中，允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...
Jquery 全选反选实例代码
11-25
本文给大家分享一段基于jQuery的全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有需要的WEB爱好者...
js, jQuery实现全选、反选功能
12-29
js ，jq实现全选、反选功能： js:思路：1.点击全选按钮实现，下面内容全选，与反选 2.下面有一个没有选中时，全选按钮不勾选，当全部选中时才全选。这里引入一个计数器，来判断是否全部选中。 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> 全选<input type=checkbox name=allchoose id=box onclick=chk()/> <div id=lower> 苹果<input type=checkbox
jquery 全选 反选
01-27 117
jquery 全选 反选 jQuery CheckBox全选Learning, by 木公.其实这个只要熟悉了jQuery，基本上都能写得出来。在没接触jQuery之前，使用原生的JS写，虽然代码不是很多，但是也挺麻烦的。在这里不得不赞叹jQuery的选择器是多么的...
jQuery操作checkbox，radio, select 功能
昕颖的专栏
10-29 520
 要引用jqery.js$(function () {    // 全选    $(#hobby_all).click(function () {        $(input[name="hobby[]"]).attr("checked",true);    }) ;    // 反选    $(#hobby_anti_all).click(function () {  
jQuery全选反选
xiaosevenliang的专栏
03-19 310
$("#checkAll").click(function(){         $(".pageTablePub :checkbox").each(function(){             if ( $("#checkAll").is(':checked') ){                 $(this).prop("checked",true);             }
Jquery全选反选
ghr1249184750的博客
09-14 164
body内容 <input type="checkbox" />菊花台 <br /> <input type="checkbox" />千里之外 <br /> <input type="checkbox" />青花瓷 <br /> <input type="checkbox" />兰亭序 <br /> <input type="check
jquery全选反选插件
06-18
本话题将深入探讨“jQuery全选反选插件”的相关知识点，这对于构建具有复选框全选和反选功能的用户界面非常有用。 首先，jQuery全选反选插件的核心功能是实现复选框的批量选择。在网页上，当用户需要对一组选项进行...
jquery checkbox全选反选效果代码
12-04
知识点一：使用jQuery实现checkbox全选和反选功能 1. jQuery是一种快速、小巧、功能丰富的JavaScript库，它封装了JavaScript常用的功能代码，极大地简化了JavaScript的开发。 2. checkbox全选和反选是web开发中常见...
jQuery 的全选、反选插件
05-01
内容索引:脚本资源,jQuery,Js全选代码　　应用了jQuery 插件的一个Ajax小功能，网页上的全部选中、反向选中功能，实现一个表单列表数据的全选或反选功能，内含示例，小巧实用。
JQuery实现全选、全不选、反选功能
12-12
JQuery实现全选、全不选、反选功能 1、当点击'全选'按钮时，页面中所有的复选框都应该为选中状态， 1.1、当再次点击'全选'按钮时，所有的复选框应该是非选中状态。 1.2、当点击子复选框时，'全选'按钮应该是非选中状态。 2、当选中当前页面的所有子复选框时，'全选'按钮应该是'选中'状态。 3、点点击'全不选'按钮时，当前页面的所有复选框置为非选中状态。 4、当点击'反选'按钮时，当前页面选中状态的复选框置为未选中状态，未选中状态的复选框置为选中状态。
jQuery插件如何编写05_ 简单的全选反选插件（完整版）
jiang7701037的博客
01-27 638
解释一下：       这个版本是完整版，从“jQuery插件如何编写01”到“jQuery插件如何编写05”是让大家一步一步过渡过来，循序渐进地学习。 效果图： 代码： 全选反选 *{ margin: 0; padding: 0; } ul {
jQuery全选/;反选
DJSYPO的博客
01-07 280
function cheAll(){                 var cek = $("#che")[0].checked;                 var ck = $("input[name='ck']");                 for(var i = 0; i                     ck[i].checked = cek;      
Jquery 全选、反选
天地会
05-06 435
Jquery脚本代码——————————————————————$(function() {$('#inputCheck').click(function() {$("input[name='Checkbox1']").attr("checked", $(this).attr("checked"));});}); // 全选$(function() {$("#select_reverse").click(function() {$("input[name='Checkbox1']").each(functi
jquery全选反选功能
yingshuangtu的博客
08-16 1488
代码 使用jquery超简洁代码实现点击按钮，全选，反选 功能代码 <script> //全选/取消全选 $("#all").click(function(){ $(":checkbox").prop("checked",true); }) //反选 $("#reverse").click(function(){ $(":checkbox").each(function(i,e){ $(e).prop("checked",!$(e).prop
jQuery-全选/全部选/反选
heliuerya的博客
05-25 1564
input type="checkbox" name="items" value="羽毛球" />羽毛球。<input type="checkbox" name="items" value="乒乓球" />乒乓球。<input type="checkbox" name="items" value="足球" />足球。<input type="checkbox" name="items" value="篮球" />篮球。//全选/全部选复选框的状态也变成选中状态。//所有复选框的状态都变成选中状态。
jquery全选反选 简洁易用
George的博客
04-26 215
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;demo&lt;/title&gt; &lt;style&gt; &lt;/style&gt; &lt;script src="https://cdn.b
jquery实现全选反选操作
Dearan33的博客
12-09 542
jquery实现多选复选操作
jquery全选反选不选
最新发布
12-20
以下是基于jQuery实现全选、反选和不选的代码示例： 1. 全选： ```javascript $("#selectAll").click(function(){ $("#checkBoxList :checkbox").prop("checked", true); }); ``` 2. 反选： ```javascript $("#...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值