首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在jquery中获取单选按钮列表的选定值?

在 jQuery 中获取单选按钮列表的选定值,可以使用以下代码:

代码语言:javascript
复制
$('input[name="radio-name"]:checked').val();

其中,radio-name 是单选按钮的名称,$('input[name="radio-name"]:checked') 选择所有被选中的单选按钮,.val() 获取选中按钮的值。

示例代码:

代码语言:html
复制
<!DOCTYPE html>
<html>
<head>
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body><input type="radio" name="gender" value="male"> 男<input type="radio" name="gender" value="female"> 女<input type="radio" name="gender" value="other"> 其他<button onclick="getCheckedValue()">获取选定值</button><script>
function getCheckedValue() {
  var checkedValue = $('input[name="gender"]:checked').val();
  alert("选定值为:" + checkedValue);
}
</script>

</body>
</html>

在这个示例中,我们创建了三个单选按钮,分别代表男、女和其他。当用户点击“获取选定值”按钮时,getCheckedValue() 函数会被调用,该函数使用 $('input[name="gender"]:checked').val() 获取选定的单选按钮的值,并弹出一个对话框显示选定值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券