1,radio分組
只要name一樣,就是一組的,即一組中只能選擇一個,如下:
代碼如下:
<span>group1:</span>
<inputtype=radioid=radio1checked=checkedname=group1/>radio1
<inputtype=radioid=radio2name=group1/>radio2
<inputtype=radioid=radio3name=group1/>radio3
<span>group2:</span>
<inputtype=radioid=radio4checked=checkedname=group2/>radio4
<inputtype=radioid=radio5name=group2/>radio5
<inputtype=radioid=radio6name=group2/>radio6
2,獲取選中的radio節(jié)點
使用jquery可以很方便做到,先選擇group,然后過濾出checked的,如下:
代碼如下:
vargroup1=$([name='group1']).filter(:checked);
console.log(group1.attr(id));
3,選中一個radio節(jié)點
使用jquery設(shè)置checked屬性:
代碼如下:
$(#radio2).attr(checked,checked);
4,去選中一個radio節(jié)點
移除checked屬性:
代碼如下:
$(#radio1).removeattr(checked);
這樣做的結(jié)果可能造成一組radio中沒有一個處于選中狀態(tài)。
5,注冊選中去選中事件
還是使用jquery的on函數(shù)來注冊change事件,如下:
代碼如下:
$([name='group1']).on(change,
function(e){
console.log($(e.target).val());
}
);
這樣只要group1中任何一個有選中的,就會觸發(fā)函數(shù)。