jQuery操作checkbox选择checked

最新推荐文章于 2022-04-09 22:09:53 发布
最新推荐文章于 2022-04-09 22:09:53 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/webnoties/article/details/17219503
版权

代码：

复制代码
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html  xmlns = "http://www.w3.org/1999/xhtml" >
< head  runat = "server" >
     < title ></ title >
     < script  src = "Scripts/jquery-1.7.min.js"  type = "text/javascript" ></ script >
     < script  type = "text/javascript" >
         $(function () {
             // 全选
             $("#btnCheckAll").bind("click", function () {
                 $("[name = chkItem]:checkbox").attr("checked", true);
             });
 
             // 全不选
             $("#btnCheckNone").bind("click", function () {
                 $("[name = chkItem]:checkbox").attr("checked", false);
             });
 
             // 反选
             $("#btnCheckReverse").bind("click", function () {
                 $("[name = chkItem]:checkbox").each(function () {
                     $(this).attr("checked", !$(this).attr("checked"));
                 });
             });
 
             // 全不选
             $("#btnSubmit").bind("click", function () {
                 var result = new Array();
                 $("[name = chkItem]:checkbox").each(function () {
                     if ($(this).is(":checked")) {
                         result.push($(this).attr("value"));
                     }
                 });
 
                 alert(result.join(","));
             });
         });
     </ script >
</ head >
< body >
     < div >
         < input  name = "chkItem"  type = "checkbox"  value = "今日话题"  />今日话题
         < input  name = "chkItem"  type = "checkbox"  value = "视觉焦点"  />视觉焦点
         < input  name = "chkItem"  type = "checkbox"  value = "财经"  />财经
         < input  name = "chkItem"  type = "checkbox"  value = "汽车"  />汽车
         < input  name = "chkItem"  type = "checkbox"  value = "科技"  />科技
         < input  name = "chkItem"  type = "checkbox"  value = "房产"  />房产
         < input  name = "chkItem"  type = "checkbox"  value = "旅游"  />旅游
     </ div >
     < div >
         < input  id = "btnCheckAll"  type = "button"  value = "全选"  />
         < input  id = "btnCheckNone"  type = "button"  value = "全不选"  />
         < input  id = "btnCheckReverse"  type = "button"  value = "反选"  />
         < input  id = "btnSubmit"  type = "button"  value = "提交"  />
     </ div >
</ body >
</ html >
复制代码 


			//-------------------------------------tags----------------------------------------------------//
			 // 全选
            $("#allid").bind("click", function () {
                $("[name = id_list[]]:checkbox").attr("checked", true);
            });
			
			 // 全不选
            $("#allid2").bind("click", function () {
                $("[name = id_list[]]:checkbox").attr("checked", false);
            });
			
			$("#form_up").submit(function(){
				//alert($("[name = id_start]:input").val());
				id_start = $("[name = id_start]:input").val();
				id_over = $("[name = id_over]:input").val();
				if(id_start)
				{
					if(isNaN(id_start)) 
					{
						alert('起始id 请填写正确的数字！');
						return false;
					}
				}
				
				if(id_over)
				{
					if(isNaN(id_over)) 
					{
						alert('结束id 请填写正确的数字！\n idfaaadsdsfaaf');
						return false;
					}
				}
				
				id_list_len =  $("input[type='checkbox'][name='id_list[]']:checked").length;
				if(id_list_len == 0 && !id_start && !id_over)
				{
					alert('请填写需要更新的id!');
					return false;
				}
				
				var idall = "";//需要更新的id
				if(id_list_len>0)
				{					
					idall+='id: \n(';
					$("input[type='checkbox'][name='id_list[]']:checked").each(function(){
						idall+=$(this).val()+", ";
					});
					idall+=')';
					//alert($(this).val());
				}
				
				if(id_start)
				{
					idall = idall+' \n 起始id '+id_start;
				}
				if(id_over)
				{
					idall = idall+' - 结束id '+id_over;
				}
				
				tags = $("input[type = 'text'][name = 'tags']").val();				
				idall = idall+' \n tags:'+tags;
				
				if(confirm('确定批量更新吗？ \n '+idall))
				{
					return true;
				}
				return false;
			});
			
			//-------------------------------------tags  结束----------------------------------------------------//

lumengabc
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅析jquery与checkbox的checked属性的问题
11-23
1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至，即与所见即所得 4、使用$(“#checkbox_id”).attr(“checked”)获取的值与<input type=”checkbox”></input>里的ch
jquery与checkbox的checked属性的问题
热门推荐
asp.net常见问题分析，网站开发常见问题总结,ningxi_博客
12-30 1万+
jquery与checkbox的checked属性的问题，讲的是控件 1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用docum
Jquery 获取checkbox的checked问题
weixin_34367845的博客
11-16 103
这个郁闷了，今天写这个功能的时候发现了问题，上网找了好多资料对照，更加纠结。。。 事实证明一切，自己测试了N遍，发现网上的说法和自己以前的理解都是错的，不知道大家有没发现. 下面来看看网上大多资料的说法 转别人的一些东西： jquery判断checkbox是否被选中 在html的checkbox里，选中的话会有属性checked="checked"。 如果用一个checkbox被选...
用jQuery对checkbox的checked进行操作
老郭的博客
03-05 7951
注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr, 1.6以上（包含）建议用prop 1、根据id获取checkbox $("#Checkbox1"); 2、获取所有的checkbox $("input[type='checkbox']");//或者$(":checkbox"); 3、获取所有选中的checkbo...
jquery判断checkBox的checked
whiteGay的博客
10-17 233
jquery判断checked的三种方法: .attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(...
jQuery操作checkbox选择(list/table)
10-27
本文将详细介绍如何使用jQuery库来操作网页中的复选框checkbox，实现checkbox列表(list)和复选框表格(table)的选中功能。文中将通过实例代码展示如何对复选框进行全选、全不选、反选以及如何获取选中复选框的值。 ...
jQuery中checkbox的checked属性
Uking201410的博客
06-08 560
$("#target").attr("checked");//undefined $("#target").attr("checked",true)//设置checked属性值为true $("#target").attr("checked");//这时，checked属性值是checked，注意！不是true
JQ选取checkbox的checked值
kingsleylao的博客
01-16 887
如果使用 attr() 选取checked 属性, 会提示为 undefined 所以只能够使用prop() 选取属性 , 并且作更改 $("input[type='checkbox']").prop("checked", $('#sel').prop('checked'));
【jQuery】:checked选中状态选择器
O(∩_∩)O
12-17 3300
有一些元素存在选中状态，如复选框、单选按钮元素，选中时“checked”属性值为“checked”，调用:checked可以获取处于选中状态的全部元素。 例如，在表单中添加多个复选框和单选按钮，其中有一些元素处于选中状态，使用:checked获取并隐藏处于选中状态的元素，如下图所示： 在浏览器中显示的效果： 从图中可以看出，使用:checked选择器可以获取处于选
jquery checkbox checked 第一次有效果 第二次以后就不好用了
boylong12的专栏
06-08 3576
之前我是这样写的 var allIsChecked=$('#checkedAll').is(':checked'); var checkboxes = $('input[name="checkbox"]'); allIsChecked?checkboxes.attr('checked',true):checkboxes.attr('checked',false);
jQuery获取和设置checkbox的checked属性小结
weixin_33958585的博客
04-20 436
最近在项目中使用到jQuery设置checkbox，使用场景是页面上有三类单选框，一个是全选所有页数据(id='cb1'),一个是选择当前页(id='cb2')，一个是选择一条(name='cb3')，也算常用的场景。 一开始全选框的点击事件这样写： $("#cb1",this).click(function(){ var al...
jQuery 选择器(checked)详解
qq_43375584的博客
04-09 5374
jQuery 选择器(:checked)详解 jQuery的:checked选择器用于匹配所有选中的表单域元素，将其封装为jQuery对象并返回。 选中的表单域是指具有checked属性的radio和checkbox表单域，以及具有selected属性的option标签。 注意：:checked选择器不仅匹配具有checked属性的radio和checkbox，还可以匹配具有selected属性的option标签。网上有些文章说，:checked选择器只匹配具有checked属性的radio和chec
jq设置checked是否选中_jQuery判断checkbox是否选中的3种方法
weixin_39627665的博客
12-22 1180
jQuery能够极大提高html的编写效率，其中checkbox的选中判断有几种：1， $(checkbox的id).prop("checked") 返回的是一个boolean值类型2， $(this).is(":checked") 返回的也是一个boolean值类型下面举一个点击checkbox修改文本框属性的例子：exp8_3隐藏第三个文本框变长第一个文本框var t1 = $("#first...
jQuery操作checkbox选择
weixin_33672109的博客
11-07 115
1、checkbox list选择 效果图： 代码： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/199...
jquery的checked
weixin_30262255的博客
06-03 71
目前使用的jQuery版本为 v1.11.2 jquery判断checked的三种方法: .attr('checked'): //看版本1.6+返回:"checked"或"undefined";1.5-返回:true或false //实测，1.11.2下，选中、不选中均为undefined .prop('checked'): //选中为true，不选中为false .is('...
twitter上发现了<jQuery Performance Rules>这篇文章,
helloklzs
09-07 263
现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我.jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了这篇文章, 简单的摘译了一下: 总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值