這篇文章主要介紹了html中radio值的取得、賦值及註冊事件,非常適合新手朋友,喜歡html的朋友不要錯過了哈
1,radio分組
只要name一樣,就是一組的,即一組中只能選擇一個,如下:
group1: radio1 radio2 radio3 group2: radio4 radio5 radio6
效果如下:
2,取得選取的radio節點
使用jquery可以很方便做到,先選擇group,然後過濾出checked的,如下:
var group1 = $("[name='group1']").filter(":checked"); console.log(group1.attr("id"));
3,選取一個radio節點
使用jquery設定checked屬性:
$("#radio2").attr("checked", "checked");
4,去選取一個radio節點
移除checked屬性:
##程式碼如下:
$("#radio1").removeAttr("checked");
這樣做的結果可能造成一組radio中沒有一個處於選取狀態。
5,註冊選取去選取事件
或使用jquery的on函數來註冊change事件,如下:
程式碼如下:
$("[name='group1']").on("change", function (e) { console.log($(e.target).val()); } );
更多詳解html中radio值的取得、賦值、註冊事件範例相關文章請關注PHP中文網!