📅  最后修改于: 2023-12-03 15:09:13.478000             🧑  作者: Mango
在 Web 开发中,经常需要使用单选按钮,在用户选择后获取其选项的值。使用 jQuery 选择单选按钮很容易,但是如何获取用户选择的值呢?
假设我们有一组单选按钮,其 HTML 如下:
<form>
<input type="radio" name="choose" value="apple">Apple<br>
<input type="radio" name="choose" value="banana">Banana<br>
<input type="radio" name="choose" value="orange">Orange
</form>
那么,我们可以使用 jQuery 来获取用户选择的值。代码如下:
var selectedValue = $("input[name='choose']:checked").val();
上述代码使用了 jQuery 的选择器来选中所有 name 为 choose 的单选按钮,并使用 :checked
伪类选择了当前被选中的按钮。最后,通过 val()
方法获取了用户选中的值。
需要注意的是,如果没有任何单选按钮被选中,则 selectedValue
变量将为 undefined
。
本篇文章介绍了如何使用 jQuery 获取用户选中的单选按钮的值。通过使用 jQuery 选择器和相应的方法,我们可以轻松地实现这一功能。