使用jQuery获取已选中的单选按钮的值，可以用 :checked 选择器。:checked 选择器选择所有选中的表单元素，如单选框和复选框。
下面是使用jQuery知道哪个单选按钮被选中的攻略：
步骤1：添加jQuery库
在网站的head标签中添加jQuery库：
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
步骤2：准备HTML
创建单选框，并使用 value 属性定义单选按钮的值
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
步骤3: 使用jQuery获取选中的值
使用$(":checked")获取选中的单选框，并使用 .val() 方法获取所选值。以下是示例代码：
$(document).ready(function(){
$("button").click(function(){
var selectedOption = $("input:radio:checked").val();
alert("Selected Option: " + selectedOption);
});
});
在此示例中，我们使用$(document).ready(function(){})来确保代码仅在页面完全加载后才执行。此外，我们使用$("input:radio:checked")选择器来获取选中的单选框，用val()方法来获取所选值。
下面是使用上面代码的完整例子：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var selectedOption = $("input:radio:checked").val();
alert("Selected Option: " + selectedOption);
});
});
</script>
</head>
<body>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<button>Click me</button>
</body>
</html>
如果您在页面中选择了男性并单击了按钮，则会弹出一条消息显示男性已选中。
alert("选中的选项是男性")
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：如何用jQuery知道哪个单选按钮被选中 - Python技术站
微信扫一扫 
支付宝扫一扫 