要使用jQuery獲取單選按鈕(radio button)的值,你可以使用選擇器選擇所選單選按鈕,并使用`.val()`方法獲取其值。
以下是一個(gè)示例代碼,演示如何使用jQuery獲取單選按鈕的值:
<!DOCTYPE html>
<html>
<head>
<title>jQuery獲取單選按鈕的值示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<input type="radio" name="gender" value="male" id="maleRadio">
<label for="maleRadio">Male</label>
<br>
<input type="radio" name="gender" value="female" id="femaleRadio">
<label for="femaleRadio">Female</label>
<br>
<button id="getValueButton">Get Value</button>
<script>
$(document).ready(function() {
$('#getValueButton').click(function() {
// 獲取選中的單選按鈕的值
var selectedValue = $('input[name="gender"]:checked').val();
// 在控制臺打印值
console.log("選中的值:" + selectedValue);
});
});
</script>
</body>
</html>
在上述示例中,我們有兩個(gè)單選按鈕,其name屬性都設(shè)置為"gender"。每個(gè)單選按鈕都有一個(gè)value屬性用于標(biāo)識其值。我們還有一個(gè)按鈕用于觸發(fā)獲取選中單選按鈕值的操作。
當(dāng)點(diǎn)擊"Get Value"按鈕時(shí),我們使用`$('input[name="gender"]:checked')`選擇器選擇被選中的單選按鈕。然后,使用`.val()`方法獲取其值,并將其存儲在變量`selectedValue`中。
最后,我們在控制臺中打印選中的值,以便進(jìn)行驗(yàn)證和進(jìn)一步處理。
請確保在頁面加載完成后執(zhí)行上述代碼,這可以通過將其放置在`$(document).ready()`函數(shù)中來實(shí)現(xiàn)。