前端：radio單選按鈕

單選按鈕

<label><input type="radio" name="radio1" value="1" />選項1</label>
<label><input type="radio" name="radio1" value="2" />選項2</label>
<label><input type="radio" name="radio1" value="3" />選項3</label>

單選按鈕互斥是通過相同的name屬性實現的。

var selector;
//返回被選擇radio的value屬性值
function whichRadioValueChecked(selector){
    var rtn = "";
    selector.each(function(){
    	if($(this).prop("checked")){
    		rtn = $(this).attr("value");
    	}
    });
    return rtn;
}

selector = $('input[type="radio"][name="radio1"]');
var value = whichRadioValueChecked(selector);