㈠ javaScript中獲取radio的值
1、radio為單選按鈕,一般單選按鈕有多個可供選擇的項,而只能選擇一個,比如男、女
2、那麼給radio標簽裡面設定一個id或者class屬性
3、在js裡面,可以通過checked這個屬性來判斷哪一個radio標簽被選擇,
4、這樣就可以獲取到radio標簽的值,然後根據標簽的值進行判斷,保存/插入資料庫等操作
㈡ javascript radio給input文本框賦值問題
建議使用JS的mvvm框架實現數據雙向綁定,建議使用avalon angular等
純js解決思路:事件綁定機制
<!回DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>ProtoType</title>
<scripttype="text/javascript"src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
<divdisabled>
<inputtype="radio"name="test"value="aa"checked>aa
<inputtype="radio"name="test"value="bb">bb
</div>
<inputtype="text"name="test2">
<script>
$("input[type=radio]").each(function(){
$(this).click(function(){//點擊選中則答進行值切換
$("input[name=test2]").val(this.value);
});
});
</script>
</body>
</html>
㈢ 在js中怎麼設置radio的值
取值:var addressVal = $("input[name='address']:checked").val();
指定單選值回:答$("input[name='radioName'][value=2]").attr("checked",true);
㈣ 如何用JavaScript取得Radio被選中的值
思路:在html中獲取被選中的radio的值,即用getElementsByName() 方法可返回帶有指定名稱的對象的集合進行判斷。
步驟如下:
radio代碼片斷:
<input type="radio" name="a1" value="1"/>正確
<input type="radio" name="a1" value="0" />錯誤
js代碼如下:
var b1= document.getElementsByName('a1');
for (var i = 0; i < b1.length; i++) {
if (b1[i].checked == true) {//如果選中,下面的alert就會彈出選中的值
alert(b1[i].value);
}
}
定義和用法
getElementsByName() 方法可返回帶有指定名稱的對象的集合。
語法
document.getElementsByName(name)
該方法與 getElementById() 方法相似,但是它查詢元素的 name 屬性,而不是 id 屬性。
另外,因為一個文檔中的 name 屬性可能不唯一(如 HTML 表單中的單選按鈕通常具有相同的 name 屬性),所有 getElementsByName() 方法返回的是元素的數組,而不是一個元素。