jQuery checkbox attr checked不起作用

最新推荐文章于 2020-01-30 20:44:20 发布
最新推荐文章于 2020-01-30 20:44:20 发布
阅读量519 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011193276/article/details/49300053
版权 

今天在工作中遇到这么个问题：用jQuery 的attr方法给一组checkbox设定全选/全不选时不起作用：
	       $(".checkedStu").attr("checked", false);


 

</pre><p></p><p></p><pre>
 

后来一查资料原来这个方法有点bug,给checkbox,radio的checked,disabled等具有true/false属性设定值时，用prop方法即：
 

$(".checkedStu").prop("checked", false);

 

 

 

 

,ok,一切安好

                

        

        

    

  


    

      

        

            

              
                
                  乔布什
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
Jquery使用attr("checked")返回checked或undefined导致获取是否选中失效

				
			

			

				

					TinnnnnnY
				

				

					01-04
					
					2296
					
				

			

		

		

			
				
Jquery中使用$('#cb').attr('checked')获取checkbox是否被选中， 返回的是checked或者是undefined，不是原来的true和false了，有关此问题的解决方法如下：
发现问题：
页面上有一个checkbox，我们期望通过Jquery来获得它是否选中，或者通过Jquery来让它被选中。 
在JQ1.6之前的版本，我们会这样写我们的代码：

 
 

			
		

	



                

            
              



	

		

			

				
					
jQuery 更改checkbox的状态,无效的解决方法

				
			

			

				

					10-21
				

			

		

		

			
				
下面小编就为大家带来一篇jQuery 更改checkbox的状态,无效的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

			
		

	



              


  
              

                


	

		

			

				
					
jQuery 操作复选框(checkbox) attr checked不起作用

				
			

			

				

					
				

				

					07-07
					
					370
					
				

			

		

		

			
				
原文地址：http://www.paobuke.com/develop/javascript/pbk849.html

			
		

	





	

		

			

				
					
jquery利用attr、prop方法获取、设置input的checked属性

					
热门推荐

				
			

			

				

					xiaouncle的博客
				

				

					07-23
					
					5万+
					
				

			

		

		

			
				
在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr,需要的朋友可以参考下

			
		

	



		

			
		



	

		

			

				
					
Jquery-checkbox使用attr(checked)一直是undefined

				
			

			

				

					homelam的博客
				

				

					04-09
					
					777
					
				

			

		

		

			
				
问题：使用$(".hobby").attr('checked') ： 返回对应的checked 或者是undefined, 不是原来的true 和 false. 制作全选、全不选、反选一直没起作用；原因：在jquery1.6+ 版本，返回的都是checked或undefined, 之前返回的true/false 是1.5- 版本的做法Jquery 判断checked的方法：    元素节点.att...

			
		

	





	

		

			

				
					
浅析jquery与checkbox的checked属性的问题

				
			

			

				

					10-22
				

			

		

		

			
				
通过以上分析，可以看出在使用jQuery处理checkbox的checked属性时，需要特别注意attr方法与DOM实际属性状态之间的差异。使用prop方法是更好的选择，因为prop方法获取的是DOM元素的属性值，而不是元素初始标记中的...

			
		

	





	

		

			

				
					
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法

				
			

			

				

					10-21
				

			

		

		

			
				
在使用jQuery操作网页上的复选框checkbox时，我们经常遇到一个常见问题：当我们尝试通过代码设置checkbox的checked属性为true或false时，只在第一次调用时有效。之后无论我们如何修改，checkbox的状态都不会改变，这...

			
		

	





	

		

			

				
					
Jquery attr(checked) 返回checked或undefined 获取选中失效

				
			

			

				

					12-12
				

			

		

		

			
				
假设我们现在需要这样的场景：页面上有一个checkbox，我们期望通过Jquery来获得它是否选中，或者通过Jquery来让它被选中。 在JQ1.6之前的版本，我们会这样写我们的代码： 代码如下: <input type=’checkbox’ id=...

			
		

	





	

		

			

				
					
Jquery 获取checkbox的checked问题

				
			

			

				

					12-03
				

			

		

		

			
				
在jQuery中，获取复选框（checkbox）的`checked`状态是一个常见的操作，但往往存在一些误解。在讨论这个问题之前，我们先明确HTML中的`checked`属性和jQuery中获取该属性值的区别。  在HTML中，当一个复选框被选中时...

			
		

	





	

		

			

				
					
jquery attr()方法获取input的checked属性问题

				
			

			

				

					zhangcham的博客
				

				

					01-30
					
					488
					
				

			

		

		

			
				
问题：
经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别：
1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase
<input type="checkbox" id="selectAll" οnclick="checkAll(...

			
		

	





	

		

			

				
					
jquery attr方法获取input的checked属性问题

				
			

			

				

					10-25
				

			

		

		

			
				
如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr,需要的朋友可以参考下

			
		

	





	

		

			

				
					
在使用jquery时attr("checked") 返回checked或undefined 原因以及解决方法

				
			

			

				

					bandenger的博客
				

				

					05-29
					
					1899
					
				

			

		

		

			
				
问题：在使用jquery时attr("checked") 返回checked或undefined ？演示代码如下：&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head lang="en"&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;&lt;/title&gt

			
		

	





	

		

			

				
					
jQuery中attr()解决checked属性问题

				
			

			

				

					我有一只小毛驴
				

				

					05-07
					
					4018
					
				

			

		

		

			
				
这两天在做一个表单提交，其中就包含有checkbox的全选和反选，这是最先开始做出来的版本，代码如下：
全选
Php
Java
NodeJS
Python


$(document).ready(function(){
	$("#checkAll").click(function() {
        //console.log($(this).attr("checked"));

			
		

	





	

		

			

				
					
关于CheckBox反复调用attr("checked", false)不好使情况

				
			

			

				

					我要的光荣哪怕只有一秒
				

				

					08-09
					
					1087
					
				

			

		

		

			
				
请先看代码：function SelectDataBySecond(This) {
            if ($(This).is(":checked")) {
                $('#' + $("#" + $(This).attr('id')).parent().attr('id') + ' input:checkbox').each(function () {

			
		

	





	

		

			

				
					
jquery1.6中的.prop()和.attr()异同

				
			

			

				

					别人在走，我在跑
				

				

					05-17
					
					851
					
				

			

		

		

			
				
最近在iteye的新闻中看到jQuery已经更新到了1.6.1。和之前版本的最大变化是增加了.prop方法。但是.prop()方法和.attr()方法，单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。下面根据这篇博文（javascript:mctmp(0);），简要翻译了.prop()和.attr()的用法：
1、从1.5.2升级到1.6.1
通过...

			
		

	





	

		

			

				
					
checkbox循环 attr('checked', true/false)只有第一次生效

				
			

			

				

					jieyigeweixiao的博客
				

				

					03-11
					
					383
					
				

			

		

		

			
				
做批量处理的时候， 点击全选，第一次全都选中，第二次点击全选，没有一个显示选中，但是值也全部传到后台，
反复调用attr(‘checked’, true/false)只有第一次生效.
$(“input[name=ids]”).attr(“checked”, true);
$(“input[name=ids]”).attr(“checked”, false);
解决办法：
把使用prop方法代替at...

			
		

	





	

		

			

				
					
jQuery获取和设置checkbox的checked属性小结

				
			

			

				

					要输就输给追求吧！
				

				

					01-19
					
					2万+
					
				

			

		

		

			
				
今天写静态页面，需要拿jquery去控制checkbox的check属性，开始用的attr，每次设置完成后，点开f12观察elements，后面每次，无论怎么点击checkbox，它的checked属性都是选中的，于是上网查找，得以解决，下面是是转载的内容

在jquery里，有两种操作元素属性的方法，一种是attr()，另一种是prop()。

attr()的属性在页面首次加载时就确定。当页面初

			
		

	





	

		

			

				
					
jquery添加属性checked不管用（jquery，prop的使用）

				
			

			

				

					noku_ln10的专栏
				

				

					06-25
					
					2万+
					
				

			

		

		

			
				
$("#bed_"+index).attr("checked","checked");


但是页面上并没有选中，换成  $("#bed_"+index).prop("checked", true); 选中ok


原因：
这里用attr只是为元素添加了checked=“checked”的属性，但是并没有使checked的动作生效
利用prop是可以直接将属性生效的方法，例如：di

			
		

	





	

		

			

				
					
checkbox的checked

					
最新发布

				
			

			

				

					08-22
				

			

		

		

			
				
通常可以使用jQuery来选中checkbox，其中一种方法是使用prop()方法来设置checked属性为true。例如，可以使用以下代码选中第0个和第1个checkbox： $("#chk1").find("input:checkbox").slice(0,2).prop("checked", ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值