DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery獲取radio值實例教程
jquery獲取radio值實例教程
編輯:JQuery特效代碼     

本文實例講述了jquery獲取radio值的方法,分享給大家供大家參考。具體如下:

單選組radio: 代碼如下:$("input[@type=radio][@checked]").val();

單選組 radio: 代碼如下:$("input[@type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項

獲取一組radio被選中項的值
代碼如下:var item = $('input[@name=items][@checked]').val();

radio單選組的第二個元素為當前選中值
代碼如下:$('input[@name=items]').get(1).checked = true

jquery老的版本
代碼如下:var_name = $("input[@name='radio_name']:checked").val();
jquery 1.3以後的版本
代碼如下:var_name = $("input[name='radio_name']:checked").val();

獲取radio值的jquery實例:

代碼如下: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();
$("#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>

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved