jQuery动态获取单选框的值
在jQuery中,您可以使用:checked
选择器来获取当前选中的单选框的值。以下是一个简单的例子:
假设您有以下HTML单选框:
<form>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other<br>
</form>
<button id="get-value">Get Value</button>
您可以使用以下jQuery代码来获取选中的单选框的值:
$('#get-value').click(function() {
var selectedValue = $('input[name="gender"]:checked').val();
alert("Selected value is: " + selectedValue);
});
当用户点击按钮时,这段代码会弹出一个警告框,显示当前选中的单选框的值。如果没有单选框被选中,$('input[name="gender"]:checked').val()
将返回undefined
。
评论已关闭