要检查在表单中选择了哪个单选按钮, 我们首先将所需的输入组与输入的类型作为选项, 然后可以通过以下方式访问此选择的值:val()方法。这将返回当前所选选项的名称。
选择器"输入[名称=选项]:已选中"用于选择具有指定格式输入类型的所有输入组。
语法如下:
$('input[name=option]:checked', 'formName').val()
在下面的示例中显示。
例子:
<!DOCTYPE html>
<html>
<head>
<title>
How to know which radio button
is selected via jQuery?
</title>
</head>
<body>
<h1 style="color: green">
lsbin
</h1>
<b>
How to know which radio
button is selected via jQuery?
</b>
<p>
<form id="myForm">
<label>
<input
type="radio"
name="option"
value="free">
Free Membership
</label>
<label>
<input type="radio"
name="option"
value="premium">
Premium Membership
</label>
</form>
<p>
The value of the option selected is:
<span class="output"></span>
</p>
<button id="btn">
Check option button
</button>
<script src=
"https://code.jquery.com/jquery-2.2.4.min.js">
</script>
<script type="text/javascript">
// Check the radio button value.
$('#btn').on('click', function() {
output =
$('input[name=option]:checked',
'#myForm').val();
document.querySelector(
'.output').textContent = output;
});
</script>
</body>
</html>
输出如下:
单击第一个选项后检查:
单击第二个选项后检查:
更多前端开发相关内容请参考:lsbin - IT开发技术:https://www.lsbin.com/
查看以下更多jQuery相关的内容:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。