jquery实现全选反选功能

最新推荐文章于 2021-05-26 21:46:19 发布

最新推荐文章于 2021-05-26 21:46:19 发布 · 131 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery实现表格中复选框全选和反选功能的方法。通过监听特定按钮点击事件来切换所有复选框的状态，提供了一个简单易用的交互体验。

全选功能

$(function () {
$('#allchecked').click(function () {
if ($('#allchecked:checked')) {
$('td input').attr('checked', true);

}
if (!$('#allchecked').attr('checked')) {

$('td input').attr('checked', false);
}
})

反选功能
$('#Checkbox8').click(function () {
if ($('#Checkbox8').attr('checked')) {
if ($('td input').attr('checked'))//选中的
{
var bufen = $('td input').each(function () {
$(this).attr('checked', !$(this).attr('checked'))
})
}
}

})

})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_8029

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js实现全选、多选、反选（JQuery 实现）

zzvar的博客

05-29

2390

JS 实现全选、多选、反选学习内容：需求总结：学习内容：需求 JS 实现全选、多选、反选实现代码 <!DOCTYPE html> <html lang="en"> <head> <<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>全选</title> <script type="text/javascript" src=

jquery checkbox全选反选效果代码

12-04

知识点一：使用jQuery实现checkbox全选和反选功能 1. jQuery是一种快速、小巧、功能丰富的JavaScript库，它封装了JavaScript常用的功能代码，极大地简化了JavaScript的开发。 2. checkbox全选和反选是web开发中常见...

参与评论您还未登录，请先登录后发表或查看评论

JQuery实现全选、全不选、反选功能

12-12

JQuery实现全选、全不选、反选功能 1、当点击'全选'按钮时，页面中所有的复选框都应该为选中状态， 1.1、当再次点击'全选'按钮时，所有的复选框应该是非选中状态。 1.2、当点击子复选框时，'全选'按钮应该是非选中状态。 2、当选中当前页面的所有子复选框时，'全选'按钮应该是'选中'状态。 3、点点击'全不选'按钮时，当前页面的所有复选框置为非选中状态。 4、当点击'反选'按钮时，当前页面选中状态的复选框置为未选中状态，未选中状态的复选框置为选中状态。

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对象实现反选

qq_31574003的博客

07-06

1234

三种方法：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>jquery对象的遍历</h1> <input type="button" value="反选" onclick="fan();"> <p>

jquery实现全选、反选

系统运维

03-11

160

jquery实现全选、反选、获得所有选中的checkbox

11-26

1、全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2、取消全选（全不选） $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }...

简单实现全选反选功能（html）

01-07

在网页开发中，全选和反选功能是常见...总结来说，这个案例展示了如何使用HTML和jQuery实现全选/反选功能，以及如何处理用户交互。通过理解并实践这个例子，开发者可以更好地掌握网页中的动态交互设计，提高用户体验。

jquery实现全选和反选小功能

01-04

很好用的使用jquery来实现的通用的全选反选功能

jquery 、js实现复选框 (全选、反选)

06-09

jquery 、js实现复选框 (全选、反选)功能··

jQuery代码实现全选反选功能

weixin_44810547的博客

03-21

946

jQuery代码实现全选反选功能 <title>全/全不选，反选</title> <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script type="text/javascript"> function qx() { if($(":checkbo...

jquery实现全选、反选、获得所有选中的checkbox (记录专用

yjq907的博客

11-09

880

7个不同的checkbox状态 1、全选 ? 1 2 3 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2、取消全选（全不选） ? 1 2 3

jquery实现全选反选

weixin_45817492的博客

04-06

359

jquery实现全选全不选一、具体要求：二、思路：三、具体代码：一、具体要求： 1、当点击’全选’按钮时，页面中所有的复选框都应该为选中状态。 1.1、当再次点击'全选'按钮时，所有的复选框应该是非选中状态。 1.2、当点击子复选框时，'全选'按钮应该是非选中状态。 2、当选中当前页面的所有子复选框时，'全选’按钮应该是’选中’状态。 3、点点击’全不选’按钮时，当前页面的所有复选框置为非选中状态。 4、当点击’反选’按钮时，当前页面选中状态的复选框置为未选中状态，未选中状态的复选框置为选中

Jquery实现的全选反选

软件工程师

11-30

158

<html> <head> <script type="text/javascript" src="jquery-1.6.2.min.js"></script> <script> /**jquery实现全选反选**/ function allChe

jQ_全选反选

魂断楼兰的博客

12-17

648

jQ_全选反选需要引入jQuery-1.11.1.js<!DOCTYPE html> <html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; }

用 jQuery 实现全选/反选功能

qq_45093219的博客

05-26

1758

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

laravel 全选反选

猪年大吉的博客

01-28

1094

给input设置一个class <input type="checkbox" class="all"> @foreach($info as $v) <tr align="center"> <td> <input type="checkbox" value="{{$v->id}}"