window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.taoxtao.cn\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.2"}}; /*! This file is auto-generated */ !function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o

时间: 2020-10-11|tag:36次围观|0 条评论

在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴。

1、改变radio的选择,触发一些效果

代码如下:
$("input:radio[name='dialCheckResult']").change(function (){ //拨通
alert(“123”);
});

2、让页面中所有的radio可用。

$("input:radio").attr("disabled",false);

3、让页面中所有的radio不可用。

$("input:radio").attr("disabled","disabled");

4、让某个radio置于选中状态。

$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);

5、让页面中“未选中”状态的radio不可用。

$("input:radio:not([checked])").attr("disabled","disabled");

6、遍历选中状态的radio,除了某一个radio之外,其他的“选中”状态的radio设定是“未选中”状态。

代码如下:
$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='"+val.name+"']:checked").attr('checked',false);
}
});

7、让所有“未选中”状态的radio不可用。

$("input:radio:not([checked])").attr("disabled","disabled");

8、获得某个选中的特定NAME的radio的值。

var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;

9、让所有“选中”状态的radio置于“未选中”状态。

$('input:radio:checked').attr('checked',false);

10、让页面中的radio都置于“选中”状态或“未选中”状态。

$("input:radio").attr("checked",true);

$("input:radio").attr("checked",false);



本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《利用jquery操作Radio方法小结_jquery_自学php网
   

还没有人抢沙发呢~