JQ 獲取單選按鈕選中的值

 ==========================html 代碼

<input type="radio" style="float: left " onclick="remove2()" checked="checked" id="male" name="Sex" value="1" /> 

<label for="male" style="float: left " onclick="remove2()">二級債</label></div>
<div class="dradio" style="width :querywidgetwidth;float: left "> <input type="radio" id="female"
name="Sex" value="0" onclick="remove1()" /><label
for="female" onclick="remove1()">初債</label>

 

 ==========================JQ 代碼

function fun(){

var radio='';
$("input[type='radio']").each(function() {
var id = $(this).attr("id");
if ($("#" + id).attr("checked") == "checked") {
var fs = $("#" + id).val();
radio=fs;
//alert(fs);
}
});

}

===========================去掉另一個按鈕的選中狀態

 

function remove1()
{
$("#female").attr('checked','checked');
$("#male").removeAttr('checked');
}

function remove2()
{
$("#male").attr('checked','checked');
$("#female").removeAttr('checked');

}

 ============================設置默認選中

 

$("input[type=radio][name=sex][value=0]").attr("checked",'checked')

=========================================== 在使用中 有一天突然多次選中單選按鈕無效
請使用 
prop

$("input[type=radio][name=sex][value=0]").prop("checked",'checked');

attr 與prop 的區別

• 對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。
• 對於HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。

例如：

<a href="http://www.baidu.com" target="_self" class="btn" action="select">百度</a>

 這個例子里<a>元素的DOM屬性有“href、target和class"，這些屬性就是<a>元素本身就帶有的屬性，也是W3C標准里就包含有這幾個屬性，或者說在IDE里能夠智能提示出的屬性，這些就叫做固有屬性。處理這些屬性時，建議使用prop方法。而后面一個“action”屬性是我們自己自定義上去的，<a>元素本身是沒有這個屬性的。這種就是自定義的DOM屬性。處理這些屬性時，建議使用attr方法。

再比如：

<input id="chk1" type="checkbox" />是 
<input id="chk2" type="checkbox" checked="checked" />否

像checkbox，radio和select這樣的元素，選中屬性對應“checked”和“selected”，這些也屬於固有屬性，因此需要使用prop方法去操作才能獲得正確的結果。