jQuery獲取被選中radio單選按鈕的值

admin發表於2017-03-05
jQuery

單選按鈕是最為常用的表單元素，下面通過程式碼例項介紹一下如何使用jquery獲取被選中的單選按鈕的值。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$("input[name='radio_name']:checked").val()

以上程式碼可以獲取name屬性值為'radio_name且被選中的單選按鈕的value屬性值，完整程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("#bt").click(function(){
    var theVal=$("input[name='sex']:checked").val();
    $("#txt").val(theVal)
  })
})
</script> 
</head> 
<body> 
<input type="radio" value="男" name="sex" />男
<input type="radio" value="女" name="sex" />女
<input type="text" value="顯示獲取的值" id="txt" />
<input type="button" id="bt" value="點選獲取值" />
</body> 
</html>

以上程式碼實現了我們的要求，可以獲取選中的單選按鈕的value屬性值。

相關文章