JQuery控制radio選中和不選中方法總結(jié)
更新時(shí)間：2015年04月15日 12:00:36 投稿：junjie
這篇文章主要介紹了JQuery控制radio選中和不選中方法總結(jié),本文起講解了設(shè)置選中方法、設(shè)置選中和不選中示例、另一種設(shè)置選中方法、根據(jù)值設(shè)置radio選中、使用prop方法操作示例等內(nèi)容,需要的朋友可以參考下
一、設(shè)置選中方法
復(fù)制代碼 代碼如下:
$("input[name='名字']").get(0).checked=true;
$("input[name='名字']").attr('checked','true');
$("input[name='名字']:eq(0)").attr("checked",'checked');
$("input[name='radio_name'][checked]").val(); //獲取被選中Radio的Value值
二、設(shè)置選中和不選中示例
復(fù)制代碼 代碼如下:
<input type="radio" value="0" name="jizai" id="0"/>否
<input type="radio" value="1" name="jizai" id="1"/>是
#jquery中，radio的選中與否是這么設(shè)置的。
$("#rdo1").attr("checked","checked");
$("#rdo1").removeAttr("checked");
通過(guò)name
復(fù)制代碼 代碼如下:
$("input:radio[name="analyfsftype"]").eq(0).attr("checked",'checked');
$("input:radio[name="analyshowtype"]").attr("checked",false);
通過(guò)id
復(fù)制代碼 代碼如下:
$("#tradeType0").attr("checked","checked");
$("#tradeType1").attr("checked",false);
三、另一種設(shè)置選中方法
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$("input[@type=radio][name=sex][@value=1]").attr("checked",true);
});
</script>
您的性別：
復(fù)制代碼 代碼如下:
<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男
<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女
四、根據(jù)值設(shè)置radio選中
復(fù)制代碼 代碼如下:
$("input[name='radio_name'][value='要選中Radio的Value值']").attr("checked",true); //根據(jù)Value值設(shè)置Radio為選中狀態(tài)
五、使用prop方法操作示例
復(fù)制代碼 代碼如下:
$('input').removeAttr('checked');
$($('#'+id+'input').eq(0)).prop('checked',false);
$($('#'+id+' input').eq(0)).prop('checked',true);
您可能感興趣的文章:
- JQuery判斷radio（單選框）是否選中和獲取選中值方法總結(jié)
- Jquery選中或取消radio示例
- 如何使用Jquery獲取Form表單中被選中的radio值
- jquery判斷單選按鈕radio是否選中的方法
- jquery checkbox,radio是否選中的判斷代碼
- JQuery判斷radio是否選中并獲取選中值的示例代碼
- Jquery 改變r(jià)adio/checkbox選中狀態(tài),獲取選中的值(示例代碼)
- jquery判斷RadioButtonList和RadioButton中是否有選中項(xiàng)示例
- asp.net使用jQuery獲取RadioButtonList成員選中內(nèi)容和值示例
- jQuery實(shí)現(xiàn)radio第一次點(diǎn)擊選中第二次點(diǎn)擊取消功能
相關(guān)文章
jQuery formValidator表單驗(yàn)證插件開(kāi)源了 含API幫助、源碼、示例
ajaxValidator函數(shù)在提交后發(fā)生錯(cuò)誤，停留在本頁(yè)面后,再次觸發(fā)校驗(yàn)會(huì)讓提示內(nèi)容一直處于onload狀態(tài)。2008-08-08
jQuery設(shè)置Easyui校驗(yàn)規(guī)則(推薦)
本文給大家介紹jquery設(shè)置easyui校驗(yàn)規(guī)則的實(shí)現(xiàn)代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-11-11
這篇文章主要是對(duì)jQuery控制iFrame的實(shí)例代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
從零開(kāi)始學(xué)習(xí)jQuery (十一) 實(shí)戰(zhàn)表單驗(yàn)證與自動(dòng)完成提示插件
本文是介紹兩個(gè)最常用的jQuery插件. 分別用于表單驗(yàn)證和自動(dòng)完成提示(類(lèi)似google suggest).2011-02-02
15款優(yōu)秀的jQuery導(dǎo)航菜單插件分享
這篇文章收集了15款優(yōu)秀的jQuery導(dǎo)航菜單插件分享給大家。jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇，jQuery 讓網(wǎng)站有更好的可用性和用戶(hù)體驗(yàn)，給訪問(wèn)者對(duì)網(wǎng)站留下非常好的印象。2011-07-07
jQuery中的Deferred和promise 的區(qū)別
這篇文章主要介紹了jQuery中的Deferred和promise 的區(qū)別的相關(guān)資料,需要的朋友可以參考下2016-04-04
我今天只討論基于JavaScript的TDD，可能有些公司是用C#做js單元測(cè)試的，但我不認(rèn)為這是個(gè)好主意，很多js運(yùn)行時(shí)的東西讓js來(lái)返回會(huì)更直觀，且易于維護(hù)。2010-11-11
jquery 觸發(fā)a鏈接點(diǎn)擊事件解決方案
使用jquery為a連接綁定點(diǎn)擊事件，具體代碼如下，感興趣的朋友可以參考下，希望可以幫助到你2013-05-05
這篇文章主要介紹了jQuery 操作input中radio的技巧的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-07-07
沒(méi)有關(guān)閉按鈕，但是點(diǎn)擊其他地方的時(shí)候，彈出框消失，必須用js給彈出框的父元素加上更高的層次，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-08-08