select 全选和反选 jquery

最新推荐文章于 2022-05-10 09:00:00 发布
最新推荐文章于 2022-05-10 09:00:00 发布
阅读量6.9k 收藏 2
点赞数
文章标签： function button input jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wccczxm/article/details/3557631
版权
 
  1. <html>
  3. <head>
  5. <script src="jquery.js"></script>
  7. <script type="text/javascript"> 
  9. $(function() { 
  11. //全选
  13. $("#selectall").click(function() { 
  15. $("input[@name='shareuser']").each(function() { 
  17. $(this).attr("checked", true); 
  19. }); 
  21. }); 
  23. //反选
  25. $("#fanall").click(function() { 
  27. $("input[@name='shareuser']").each(function() { 
  29. if($(this).attr("checked"))
  31. {
  33. $(this).attr("checked", false); 
  35. }
  37. else
  39. {
  41. $(this).attr("checked", true); 
  43. }
  45. }); 
  47. }); 
  49. //取消全部
  51. $("#deselectall").click(function() { 
  53. $("input[@name='shareuser']").each(function() { 
  55. $(this).attr("checked", false); 
  57. }); 
  59. }); 
  61. //alert
  63. $("#alertall").click(function() { 
  65. $("input[@name='shareuser']").each(function() { 
  67. if($(this).attr("checked"))
  69. {
  71. alert($(this).val());
  73. }
  75. }); 
  77. }); 
  79.  
  81. }); 
  83. </script> 
  85.  
  87. <input type='checkbox' id='in-shareuser-10' name='shareuser' value='10' />10 
  89. <input type='checkbox' id='in-shareuser-11' name='shareuser' value='11' />11
  91. <input type='checkbox' id='in-shareuser-12' name='shareuser' value='12' />12 
  93.  
  95. <input type="button" id="selectall" name="selectall" value="全选" /> 
  97. <input type="button" id="fanall" name="fanall" value="反选" /> 
  99. <input type="button" id="deselectall" name="deselectall" value="取消" /> 
  101. <input type="button" id="alertall" name="alertall" value="输出" /> 
windy
关注
SelectAll全选
07-13
删除之类操作需要全选功能，方便选择 public class MainActivity extends Activity { private ListView lv; private MyAdapter mAdapter; private ArrayList list; private Button bt_selectall; // private Button bt_cancel; // private Button bt_deselectall; private int checkNum; // 记录选中的条目数量 private TextView tv_show;// 用于显示选中的条目数量 /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); /* 实例化各个控件 */ lv = (ListView) findViewById(R.id.lv); bt_selectall = (Button) findViewById(R.id.bt_selectall); // bt_cancel = (Button) findViewById(R.id.bt_cancelselectall); // bt_deselectall = (Button) findViewById(R.id.bt_deselectall); tv_show = (TextView) findViewById(R.id.tv); list = new ArrayList(); // 为Adapter准备数据 initDate(); // 实例化自定义的MyAdapter mAdapter = new MyAdapter(list, this); // 绑定Adapter lv.setAdapter(mAdapter); // 全选按钮的回调接口 bt_selectall.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // 遍历list的长度，将MyAdapter中的map值全部设为true for (int i = 0; i < list.size(); i++) { MyAdapter.getIsSelected().put(i, true); } // 数量设为list的长度 checkNum = list.size(); // 刷新listview和TextView的显示 dataChanged(); } }); // 反选按钮的回调接口 // bt_cancel.setOnClickListener(new OnClickListener() { // @Override // public void onClick(View v) { // // 遍历list的长度，将已选的设为未选，未选的设为已选 // for (int i = 0; i < list.siz
jquery select操作/全选，反选，全部选,js图表
weixin_33726943的博客
05-22 768
为什么80%的码农都做不了架构师？>>> ...
JQuery - 反向选择器
weixin_34214500的博客
01-20 1108
2019独角兽企业重金招聘Python工程师标准>>> ...
利用jQuery来反选Select
rmn190
11-01 326
以这样的代码为例，   &lt;select id="branchName"&gt; &lt;option value="10"&gt;北京分公司&lt;/option&gt; &lt;option value="11"&gt;天津分公司&lt;/option&gt; &lt;option value=&quot
mysql select 反选_JQuery实现全选、全不选和反选功能
weixin_28704675的博客
02-07 259
Insert title here学员信息查询管理系统条件：全选 反选学号姓名性别年龄成绩班级$(selectStu())functionselectStu() {$.ajax("StuList",{type:"post",data:{"method":"finList"},success:function(data){//循环遍历$.each(data,function(index,obj){...
jquery实现简单的全选和反选功能
10-23
首先，我们来看一段用jQuery实现的全选和反选的基础代码示例。这段代码利用了jQuery的事件监听和属性操作功能来控制复选框的状态。当全选复选框被点击时，页面上所有具有相同name属性的复选框会被设置为选中或未选中...
jQuery实现checkbox列表的全选、反选功能
11-26
本篇文章将详细探讨如何使用jQuery实现复选框列表的全选和反选功能，特别是如何通过自定义属性实现高效的封装。 首先，我们需要了解jQuery中的`:checkbox`选择器，它是用来选取所有复选框元素的。在给定的示例代码...
jQuery全选、反选与获取选中值
11-11
本文将深入探讨jQuery中关于“全选”、“反选”以及“获取选中值”的相关知识点，帮助你更好地理解和应用这些功能。 ### 一、jQuery全选 全选功能通常应用于多选列表或表格中，允许用户一次性选择所有选项。在...
Jquery实现全选和反选功能
04-22
本教程将深入探讨如何使用jQuery实现全选和反选功能，这在多选列表或表格中非常常见，例如在批量处理数据时。 全选和反选功能的核心在于同步用户界面中的复选框状态。当用户点击一个主复选框（通常标记为“全选”）...
JQ 全选和反选和取消
05-01
标题“JQ全选和反选和取消”涉及的是jQuery中处理多选元素，如复选框或表格行的选择状态。在这个主题下，我们将深入探讨如何实现全选、反选以及取消选择的功能，并结合给出的`demo.html`文件进行实例分析。 1. **...
jquery 实现多个下拉列表 选项展现 全选、反选
07-14
jquery 选择相应选项，就会在div上显示你的选项 实现下拉列表 选项展现 ，还有全选、反选
select复选框带全选
03-14
bootstrap select复选框，可单选，多选，全选，带索引功能
用jquery实现全选功能
LutosX的博客
10-02 672
checkBox /* *统一设置所有条目的 */ function setItemCheckBox(flag) { $(":checkbox[name=checkboxBtn]").prop("checked",flag); } $(function () { //点击全选 $("#selectAll").click(function(){ //1.获
jquery实现全选功能
HuLuWa1997的博客
08-19 284
话不多说，直接上代码： html代码： <div class="item-box"> <div class="item-title"> <div class="titleBox"> <span>行业</span> </d
jQuery对象的遍历的三种方法 之 对多选框select反选
Haima的博客
10-17 1473
jQuery对象的遍历             遍历jQuery对象的内部的DOM对象         选择1:     选择1:     选择1:     选择1:     选择1:       //方法一 面向过程的思路   function fan(){     var inp=$('input:checkbox');//获取input 取出的是
Jq_select的操作
weixin_30904593的博客
11-16 94
jQuery获取Select选择的Text和Value: 语法解释： $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择...
jQuery 实现全选、反选、全不选功能
qq_58154602的博客
10-30 444
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <titl.
运用JQuery实现全选，和取消的操作
aigo_2021的博客
05-10 758
运用JQuery实现全选，反选和取消的操作 代码展示： <!doctype html> <html lang="en"> <head> <title>Document</title> <script src="jquery-3.2.1.js"></script> <script> $(function(){ $("#selectAll").click(function(){
JQuery多选框的全选功能
wxp906257269的博客
04-10 585
今天写表单在多选框全选的逻辑功能上遇到了一些问题，不过还好解决了，记录一下逻辑关系function selectEvent(){ var selectEvent = $('input[name=selectEvent]'); console.log(selectEvent); var flag = false; for(var i = 0;i&lt;selectEvent....
jQuery全选、反选与不选功能实例教程
在网页开发中，当需要处理用户在多个选项中进行选择并执行批量操作时，利用jQuery实现全选、反选和不选功能是一项实用的技巧。本文将详细介绍如何在HTML结构中设置复选框，结合jQuery来管理这些功能，以便于进行诸如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值