📌  相关文章
📜  如何知道使用 jQuery 选择了哪个单选按钮?(1)

📅  最后修改于: 2023-12-03 15:09:13.478000             🧑  作者: Mango

如何知道使用 jQuery 选择了哪个单选按钮?

在 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 选择器和相应的方法,我们可以轻松地实现这一功能。