jquery獲取radio值(單選組radio)

更新時(shí)間：2014年10月16日 17:10:44 投稿：whsnow

jquery獲取radio值使用到特殊的選擇器type=radio，為方便大家理解，另附一個(gè)jquery實(shí)例，想學(xué)習(xí)的朋友可以看看

單選組radio： $("input[@type=radio][@checked]").val();

單選組radio： $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)

獲取一組radio被選中項(xiàng)的值

var item = $('input[@name=items][@checked]').val();

radio單選組的第二個(gè)元素為當(dāng)前選中值

$('input[@name=items]').get(1).checked = true

單選組 radio： $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)

jquery老的版本

var_name = $("input[@name='radio_name']:checked").val();

jquery 1.3以后的版本

var_name = $("input[name='radio_name']:checked").val();

看個(gè)獲取radio值的jquery實(shí)例

function getra(){

var_name = $("input[name='isspecialcnt']:checked").val();
//alert(var_name);
if(var_name=='1'){
$("#isspecialcntyes").show();
$("#isspecialcntno").hide();
}
if(var_name=='0'){
$("#isspecialcntyes").hide();
(m.fzitv.net) $("#isspecialcntno").show();
}
}

<form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="radiogroup1" value="單選" id="radiogroup1_0">
單選</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="單選" id="radiogroup1_1">
單選</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="單選" id="radiogroup1_2">
單選</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="單選" id="radiogroup1_3">
單選</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="單選" id="radiogroup1_4">
單選</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="單選" id="radiogroup1_5">
單選</label>
<br>
</p>
</form>

您可能感興趣的文章:

radio

相關(guān)文章

JS 在指定數(shù)組中隨機(jī)取出N個(gè)不重復(fù)的數(shù)據(jù)
這篇文章主要介紹了JS 在指定數(shù)組中隨機(jī)取出N個(gè)不重復(fù)數(shù)據(jù)的方法,需要的朋友可以參考下
2014-06-06
JS設(shè)計(jì)模式之命令模式的用法詳解
JavaScript中的命令模式是一種設(shè)計(jì)模式,它提供了一種將命令封裝為對(duì)象的方式,從而允許我們將請(qǐng)求與實(shí)際執(zhí)行該請(qǐng)求的操作對(duì)象解耦,這種模式可以在不同的場(chǎng)景中使用,例如實(shí)現(xiàn)撤銷/重做操作、隊(duì)列任務(wù)等,本文我們將講解命令設(shè)計(jì)模式在JS中的使用
2023-08-08
一文詳解JavaScript中的URL編碼和解碼
在本文中,我們將探討在 JavaScript 中處理 URL 的現(xiàn)代技術(shù),并回答與在 JavaScript 中編碼和解碼 URL 相關(guān)的問(wèn)題,文中通過(guò)代碼示例介紹的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下
2024-03-03
淺談javascript中的prototype和__proto__的理解
這篇文章主要介紹了淺談javascript中的prototype和__proto__的理解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
JavaScript實(shí)現(xiàn)select添加option
這篇文章主要介紹了JavaScript為select添加option的方法和示例，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
2015-07-07
使用Visual?Studio?2022開(kāi)發(fā)前端的詳細(xì)教程
這篇文章主要介紹了使用Visual?Studio?2022開(kāi)發(fā)前端,在瀏覽器中可以使用CDN源引用需要的客戶端庫(kù)，可如果在企業(yè)內(nèi)網(wǎng)使用，無(wú)法訪問(wèn)CDN源時(shí)，需要將客戶端庫(kù)下載到本地使用，需要的朋友可以參考下
2022-05-05
JavaScript數(shù)組方法reduce使用詳解
本文詳細(xì)介紹了JavaScript數(shù)組reduce()方法的使用,包括核心語(yǔ)法、常見(jiàn)案例以及常見(jiàn)錯(cuò)誤,通過(guò)實(shí)際案例和代碼分析,幫助讀者徹底掌握reduce方法,同時(shí),還提供了reduce的polyfill實(shí)現(xiàn),以深入理解其工作原理,需要的朋友可以參考下
2025-02-02
一文教你用JavaScript制作個(gè)簡(jiǎn)單的大轉(zhuǎn)盤(pán)游戲
日常生活中，我們經(jīng)常會(huì)見(jiàn)到形形色色的抽獎(jiǎng)活動(dòng)，例如九宮格、大轉(zhuǎn)盤(pán)等等……本文就來(lái)教大家如何利用JavaScript制作個(gè)簡(jiǎn)單的大轉(zhuǎn)盤(pán)游戲，感興趣的可以了解一下
2023-02-02
Js使用WScript.Shell對(duì)象執(zhí)行.bat文件和cmd命令
這篇文章主要介紹了Js使用WScript.Shell對(duì)象執(zhí)行.bat文件和cmd命令,需要的朋友可以參考下
2014-12-12
JS的replace方法與正則表達(dá)式結(jié)合應(yīng)用講解
replace方法的語(yǔ)法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正則表達(dá)式對(duì)象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。為了幫助大家更好的理解，下面舉個(gè)簡(jiǎn)單例子說(shuō)明一下
2007-12-12