【jQuery】如何在页面初始化时，默认选中指定值的单选按钮
在页面初始化时，默认选中指定值的单选按钮，可以使用jQuery的属性选择器和:checked伪类选择器来实现。以下是实现这一功能的代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Default Radio Button Selection</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- 单选按钮组 -->
<form>
<input type="radio" id="option1" name="group1" value="1">
<label for="option1">Option 1</label><br>
<input type="radio" id="option2" name="group1" value="2">
<label for="option2">Option 2</label><br>
<input type="radio" id="option3" name="group1" value="3">
<label for="option3">Option 3</label><br>
</form>
<script>
$(document).ready(function() {
// 假设要选中value为2的单选按钮
$('input[type=radio][name=group1][value=2]').prop('checked', true);
});
</script>
</body>
</html>在上述代码中，我们使用jQuery的$(document).ready()函数确保在DOM完全加载后执行代码。然后，我们使用属性选择器[name=group1]和[value=2]来选择name属性为group1且value属性为2的单选按钮，并使用.prop('checked', true)方法来设置其为选中状态。
评论已关闭