jquery 单选框默认被选中
时间: 2023-08-01 08:12:52 浏览: 56
使用 jQuery 设置单选框的默认选中项可以通过设置 `checked` 属性来实现。例如,如果你的 HTML 代码如下:
```html
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
```
你可以通过以下 jQuery 代码将 Male 选项设置为默认选中项:
```javascript
$(document).ready(function() {
$('input[name="gender"][value="male"]').prop('checked', true);
});
```
这里我们使用了 `prop()` 方法设置 `checked` 属性为 `true`。注意,我们使用了 `name` 属性来区分不同的单选框,而使用 `value` 属性来选择要设置为默认选中项的单选框。
相关问题
判断单选框是否被选中 jquery
使用 jQuery 判断单选框是否被选中也非常简单,可以通过以下代码实现:
```html
<input type="radio" id="radio" name="gender" value="male">
<label for="radio">Male</label>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
const radio = $('#radio');
if (radio.is(':checked')) {
console.log('单选框被选中');
} else {
console.log('单选框未被选中');
}
</script>
```
代码解释:
1. 引入 jQuery 库。
2. 使用 `$` 或 `jQuery` 函数获取单选框的 jQuery 对象。
3. 使用 `is(':checked')` 方法判断单选框是否被选中,该方法返回值为布尔类型。
注意:这里需要确保 jQuery 库已经被正确引入。
让一个单选框默认选中 jquery
可以使用jQuery来让一个单选框默认选中。可以使用`prop()`方法来设置`checked`属性的值为`true`。例如,如果该单选框的id为"myRadio",可以这样写:
```javascript
$("#myRadio").prop("checked", true);
```
这样就将该单选框默认选中了。需要注意的是,使用`prop()`方法设置`checked`属性时,需要将属性值设置为布尔类型的`true`,而不是字符串类型的`"true"`。
如果需要在用户加载页面时自动选中该单选框,可以将上述代码放在文档加载完成后的事件处理函数中。例如:
```javascript
$(document).ready(function() {
$("#myRadio").prop("checked", true);
});
```
这样当文档加载完成后,就会自动选中该单选框了。