单选按钮
<input> 元素指定用户输入的字段。
字段的类型：文本、单选按钮、复选框、密码字段等由 type 属性的值决定。
单选按钮显示在单选组中，这是一组描述相关选项集合的单选按钮。
在一组中可以同时选择一个单选按钮。
同一组的按钮必须共享相同的 name 属性值。
选择组中的任何单选按钮将取消选择组中的任何其他按钮。
单选按钮的值不会向用户显示，而是发送到服务器端以标识选择了哪个单选按钮。
本教程将向我们展示如何在 jQuery 的帮助下从一组单选按钮中找到选定的单选按钮。
要检查选择了哪个单选按钮，首先，获取所需的输入组，输入类型作为选项。
然后我们可以使用 val() 方法获取所选单选按钮的值。
此方法返回当前选定选项的名称：
('input[name=radioName]:checked', '#my_Form').val()
这将获得ID为my_Form的input[name=radioName]:checked item的值。
这是完整的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body style="text-align:center;">
<form id="my_Form">
<input type="radio" name="radioName" value="1" /> 1
<br/>
<input type="radio" name="radioName" value="2" /> 2
<br/>
<input type="radio" name="radioName" value="3" /> 3
<br/>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<script type="text/javascript">
('#my_Form input').on('change', function() {
console.log($('input[name=radioName]:checked', '#my_Form').val());
});
</script>
</body>
</html>
日期：2020-06-02 22:16:22 来源：oir作者：oir