LDSports乐动体育

jQuery checkbox RemoveAttr(checked)之后再点击Attr(checked)属性失效

2018-01-24 关键词:苏州网站制作  LDSports乐动体育:苏州网站开发  LDSports乐动体育:苏州网站推广  苏州做网站   4294

需求:具有审核权限的一定会有更新、查看权限,具♕有更新权限的ಞ一定会有查看全选没了选取查询授权管理的、必须没了的更新、核查授权管理

思路:根据value值来判断,查看权限的value值会包含_find、更新权限的value值包含_mod、审核权限的value包含_review,在点击checkbox的点击事件上操作。

$(function() {

            $("#modaltbody input[type='checkbox']").change(function(){       

              var str=$(this).val();

              if(str.indexOf('review')>0) {    ♔&nb🎃sp; 

                  //申核

                  if($(this).is(":checked")) {    ♔        

                      $(this).parent().parent().find("input").each(function(){

                          if($(this).val().indexOf('find')>0 || $(this).val().indexOf('mod'))

                          {                            

                              $(this).prop("checked",true);

                          }

                      })

                  }

                  else

                  {         &nbs🦄p; 

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

                  }

              }else if(str.indexOf('mod')>0)

              {                   //改动

                  if($(this).is(":checked")) {

                           $(this).parent().parent().find("input").each(function(){

                          if($(this).val().indexOf('find')>0)

                          {                            

                              $(this).prop("checked",true);

                          }

                      })

                  }else

                  {

                      $(this).parent().parent().find("input").each(function(){

                          if($(this).val().indexOf('review')>0 || $(this).val().indexOf('mod')>0)

                          {                            

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

                          }

                      })

                  }


              }else {

                  //查到

                  if(!$(this).is(":checked"))

                  {

                      $(this).parent().parent().find("input").each(function(){   

                              $(this).prop("checked",false);                    &𝕴nbsp; 

                      })

                  }


              }


            })


        }); jquery采用attr,removeAttr两次不可复制的大问题缓解具体办法 这儿的复制checkbox、取销checkbox也能否用下边的写法 $(this).attr("checked","checked");//选取 $(this).removeAttr("checked");//取销 各种写法的缺陷:是在chrome打开网页器中最次打开网页很好前边就不好了,IE8倒是不会现象 百度搜索了好长时间得到因素是HTML的特质包含attribute和property,姑且将后一个叫做性质。 checked特性即划分成attribute->checked,和property->true,false。 对待另一个checkbox,若未表述checked="checked",alert($.attr("checked")) 的成果是undefined。若已表述则成果是checked。attribute并不时间推移checkbox的的状态变现而修改。 使用的prop($.attr("checked"))话语输送则分为为false和true。property则随其变而变。 因此在改动checked属性数据时要的使用prop()。prop()在jQuery1.6版本的后添加了。 其他相关在IE9时候微信版本中,若是 property就没有在DOM因素被移除时候移除,运行.prop()方案布置DOM因素property(比较简单种类以外:number、string、boolean)的值会诱发存储空间空间丢失。只为安全性高的布置DOM群体的值,以防存储空间空间丢失,也可以运行.data()方案。 当前还没有遭遇,先记将在里。  $('#checkbox').attr('checked'); 返还的是checked还是undefined,不再是原本的的true和false了,相关的此难题的彻底解决措施给出。  在JQ1.6之后的版,我会如此写我的码: 

这样写在JQ1.6之前完全没问题,可是当我们升级JQ1.6到更高的版本时,问题就来了,此时我们会发现: 
$🅘('#cb').attr('checked'); 返回的是checked或者是undefined,不是原来的true和false了。 并且checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。所以如果checkbox一开始是选中的,那么返回的是checked,如果一开始没被选中,则返回的是undefined

分析了其中的原因,可以这样理解: 
它将“属性”与“特性”做了区别,属性指的是“name,id”等等,特性指的是“selectedIndex, tagName, nodeName”等等。 
JQ1.6之后,可以通过attr方法去获得属性,通过prop方法去获得特性

1.  $("#cb").attr("tagName"); //undefined    2.  $("#cb").prop("tagName"); //INPUT   
上面是天津站点自制我在实际效果的项目中碰上的重要性的问题,记录下来清楚决方式,增加采集了重要性信心,全部对比,也希望对碰上一样的重要性的问题的老汉还伴有帮助到。

 

 

 

 


LDSports乐动体育 网站建设 小程序 品牌设计 服务项目 案例展示 售后保障 联系方式 LDSports乐动体育 关于我们 人才招聘
我们的优势

细致入微的前期服务
精准的策划服务
精湛的网页设计
稳定 可靠 极速的域名和服务器
任何问题,24小时回复并处理

版权所有:苏州谢谢网络传媒有限公司     

LDSports乐动体育 LDSports乐动体育:电话 服务项目
var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?90c4d9819bca8c9bf01e7898dd269864"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"K9y7fDzSfyJvbjbD",ck:"K9y7fDzSfyJvbjbD"}); qy球友会app下载官网 qy球友会(中国)体育官网 qy球友会(体育)APP官方网站 - app下载 1xbet·体育(中国)官方网站-ios/安卓版/手机APP下载 1xbet体育·(中国)官方网站