jquery 多选框赋值
时间: 2023-08-01 21:13:20 浏览: 93
你可以使用 jQuery 的 `prop()` 方法来设置多选框的选中状态。
假设你有一个多选框列表:
```html
<input type="checkbox" name="fruits[]" value="apple"> Apple
<input type="checkbox" name="fruits[]" value="banana"> Banana
<input type="checkbox" name="fruits[]" value="orange"> Orange
```
现在,如果你想要选中 Apple 和 Orange 这两个多选框,你可以这样做:
```javascript
$('input[name="fruits[]"][value="apple"]').prop('checked', true);
$('input[name="fruits[]"][value="orange"]').prop('checked', true);
```
这里,我们首先选择了 `value` 属性为 `"apple"` 的多选框,然后使用 `prop()` 方法将其选中状态设置为 `true`。同样地,我们也将 `value` 属性为 `"orange"` 的多选框选中了。
注意,上面的选择器中,我们使用了 `[name="fruits[]"]` 来选择所有 `name` 属性为 `"fruits[]"` 的多选框。这是因为多选框名称以 `[]` 结尾,表示这是一个数组类型的表单元素。
阅读全文