我有多个复选框,要求帮我用js写一个为多个复选框赋值value属性和name属性
时间: 2024-02-06 18:10:12 浏览: 115
jquery复选框多选赋值给文本框的方法
可以使用以下代码实现:
```html
<input type="checkbox" id="checkbox1">
<input type="checkbox" id="checkbox2">
<input type="checkbox" id="checkbox3">
```
```javascript
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
const values = ['value1', 'value2', 'value3'];
const names = ['name1', 'name2', 'name3'];
checkboxes.forEach((checkbox, index) => {
checkbox.value = values[index];
checkbox.name = names[index];
});
```
以上代码会将多个复选框的value属性和name属性分别赋值为`value1`和`name1`、`value2`和`name2`、`value3`和`name3`。如果需要添加或删除复选框,只需要在HTML中添加或删除相应的复选框,然后在JavaScript中修改`values`和`names`数组即可。
阅读全文