获取单选按钮的值

最新推荐文章于 2022-03-24 17:58:17 发布

LilyMM_123

最新推荐文章于 2022-03-24 17:58:17 发布

阅读量948

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/u011299210/article/details/35229451

本文介绍了一个简单的HTML页面，其中包含两个单选按钮和一个按钮。通过使用jQuery，当点击按钮时，可以获取到被选中的单选按钮的值并弹窗显示出来。此示例展示了如何利用jQuery选择器来操作DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="javascripts/jquery-1.9.0.js" ></script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#btn').click(function(e) {
var radio = $('input[name="testradio"]').filter(':checked');
alert(radio.val());
});
});
</script>
</head>

<body>
<input type="radio" name="testradio" value="nan" checked="checked"/>nan
<input type="radio" name="testradio" value="ola"/>ola
<input type="button" id="btn" value="queren" />
</body>
</html>