时间戳

首页 > 解决方案 > 使用 css 或 javascript 设置输入类型

javascript - 使用 css 或 javascript 设置输入类型

问题描述

我的页面上有几个复选框，位于一个名为 OPTIONS 的 div 中。像这样

<div id="options">     
<input type="checkbox"..... > 
<input type="checkbox"..... >
<input type="checkbox"..... >
<input type="checkbox"..... >
<input type="checkbox"..... >
...
...
</div>

因为我知道这个 div 中的每个输入都将始终是一个复选框，所以我想知道 css 或 javascript 中是否有一种方法可以让它们自动成为复选框，而无需我type="checkbox"每次都输入。

标签： javascripthtmlcssformswebpage

解决方案

在 html 中设置将是更好的选择。默认输入类型是text，通过 javascript 更改类型将是一个较慢的过程，然后直接在 html 中设置

如果您仍然选择这样做，您可以定位元素，获取它的子元素，然后循环它并使用更改类型setAttribute

document.getElementById('options').children将给出一个集合，使用扩展运算符...，以便可以使用数组方法

[...document.getElementById('options').children].forEach(item => {
  item.setAttribute('type', 'checkbox')

})
<div id="options">
  <input>
  <input>
  <input>
  <input>
  <input>

</div>

推荐阅读