JavaScript中用按钮控制复选框选中

可以使用addEventListener()方法监听按钮的点击事件，然后在事件处理程序中使用checked属性来控制复选框的选中状态。示例代码如下：

HTML：

<input type="checkbox" id="checkbox">复选框
<button id="checkboxBtn">点击选中复选框</button>

JavaScript：

var checkbox = document.getElementById('checkbox');
var checkboxBtn = document.getElementById('checkboxBtn');

checkboxBtn.addEventListener('click', function() {
  checkbox.checked = true;
});

在上面的代码中，我们获取了复选框和按钮的DOM元素，并使用addEventListener()方法监听了按钮的点击事件。当按钮被点击时，事件处理程序会将复选框的checked属性设置为true，从而选中复选框。

相关问题

Javascript 统计复选框选中个数

你可以使用以下代码来统计复选框选中的个数：

var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var count = 0;

for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    count++;
  }
}

console.log(count + ' checkboxes are checked.');

首先，我们使用 `document.querySelectorAll()` 方法获取所有类型为复选框的元素，并将它们存储在 `checkboxes` 变量中。

然后，我们使用一个循环遍历所有复选框元素，并检查它们是否被选中。如果是，我们将选中的计数加1。

最后，我们将选中数目输出到控制台中。

javascript控制复选框只能选取一个.

可以通过以下的代码实现控制复选框只能选取一个：

HTML 代码：

<label>
  <input type="checkbox" name="option" value="1" class="option">选项1
</label>
<label>
  <input type="checkbox" name="option" value="2" class="option">选项2
</label>
<label>
  <input type="checkbox" name="option" value="3" class="option">选项3
</label>

JavaScript 代码：

const options = document.querySelectorAll('.option');

options.forEach(option => {
  option.addEventListener('change', () => {
    if (option.checked) {
      options.forEach(opt => {
        if (opt !== option) {
          opt.checked = false;
        }
      });
    }
  });
});

上述代码中，我们首先获取所有的复选框元素，然后给每个复选框绑定一个 `change` 事件。当某个复选框被选中时，我们遍历所有的复选框元素，将除当前选中的复选框外的其他复选框全部设为未选中状态。这样就能保证每次只会有一个复选框被选中。