要查看在表单中抉择了哪个单选按钮, 咱们首先将所需的输出组与输出的类型作为选项, 而后能够通过以下形式拜访此抉择的值：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相干的内容：
- jQuery如何应用bind()办法？：https://www.lsbin.com/3553.html
- jQuery如何应用GMaps插件？：https://www.lsbin.com/3330.html
- 如何将jQuery转换为JavaScript？：https://www.lsbin.com/3257.html
发表回复