利用jquery操作Radio方法小結(jié)
在開發(fā)中經(jīng)常會(huì)用到Radio來(lái)實(shí)現(xiàn)用戶的選擇效果，我在項(xiàng)目中積累了一些利用JQUERY來(lái)操作Radio的方法，在這里分享一下，供有需要的朋友借鑒。
1、改變r(jià)adio的選擇，觸發(fā)一些效果
$("input:radio[name='dialCheckResult']").change(function (){ //撥通
alert(“123”);
});
2、讓頁(yè)面中所有的radio可用。
$("input:radio").attr("disabled",false);
3、讓頁(yè)面中所有的radio不可用。
$("input:radio").attr("disabled","disabled");
4、讓某個(gè)radio置于選中狀態(tài)。
$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);
5、讓頁(yè)面中“未選中”狀態(tài)的radio不可用。
$("input:radio:not([checked])").attr("disabled","disabled");
6、遍歷選中狀態(tài)的radio，除了某一個(gè)radio之外，其他的“選中”狀態(tài)的radio設(shè)定是“未選中”狀態(tài)。
$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='"+val.name+"']:checked").attr('checked',false);
}
});
7、讓所有“未選中”狀態(tài)的radio不可用。
$("input:radio:not([checked])").attr("disabled","disabled");
8、獲得某個(gè)選中的特定NAME的radio的值。
var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;
9、讓所有“選中”狀態(tài)的radio置于“未選中”狀態(tài)。
$('input:radio:checked').attr('checked',false);
10、讓頁(yè)面中的radio都置于“選中”狀態(tài)或“未選中”狀態(tài)。
$("input:radio").attr("checked",true);
$("input:radio").attr("checked",false);
相關(guān)文章
使用jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)版的個(gè)人簡(jiǎn)歷(可換膚)
點(diǎn)擊姓名會(huì)顯示她的基本詳細(xì)信息，點(diǎn)擊切換皮膚，會(huì)更改皮膚和字體大小感興趣的朋友可以參考下本文如何使用jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)版的個(gè)人簡(jiǎn)歷2013-04-04
實(shí)例詳解jQuery表單驗(yàn)證插件validate
validate插件是一個(gè)基于jquery的表單驗(yàn)證插件了里面有許多的常用的一些驗(yàn)證方法我們可以直接調(diào)用，具體的我們一起來(lái)看看2016-01-01
在TinyMCE 在處理富文本時(shí)，可以通過網(wǎng)站的相對(duì)路徑錄入圖片地址。2010-11-11
Lazy Load是一個(gè)用 JavaScript 編寫的jQuery插件. 它可以延遲加載長(zhǎng)頁(yè)面中的圖片. 本文對(duì)它進(jìn)行實(shí)例介紹，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2016-12-12
js的純前臺(tái)處理時(shí)會(huì)遇到將一個(gè)網(wǎng)頁(yè)的參數(shù),通過get方式,傳遞給下一個(gè)頁(yè)面的問題，此時(shí)可以獲取Url中的Get參數(shù)，具體如下，需要的朋友可以參考下2013-11-11
如何替換獲去除那些已存在于某個(gè)element上的事件呢? 需要的朋友可以參考下面的文章。2010-03-03
非常簡(jiǎn)單的一句話即可實(shí)現(xiàn)，大家可以看看。2009-04-04
取得iframe中元素的方法有很多，在本文為大家介紹下在iframe子頁(yè)面獲取父頁(yè)面元素的方法，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-11-11
jquery 簡(jiǎn)單圖片導(dǎo)航插件jquery.imgNav.js
前幾天某MM要偶幫忙實(shí)現(xiàn)栗子汀首頁(yè)的圖片導(dǎo)航效果，很簡(jiǎn)單而且具有通用性的一個(gè)需求，點(diǎn)圖片A切換圖片A相關(guān)的內(nèi)容，點(diǎn)圖片B切換圖片B相關(guān)的內(nèi)容，僅此而已。2010-03-03
下面小編就為大家?guī)?lái)一篇深入理解$.each和$(selector).each。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-05-05