怎么用JavaScript写年份复选框

可以使用以下代码来创建年份复选框：

// 获取当前年份
var currentYear = new Date().getFullYear();

// 创建年份复选框
for (var i = currentYear; i >= 190; i--) {
  var checkbox = document.createElement('input');
  checkbox.type = 'checkbox';
  checkbox.name = 'year';
  checkbox.value = i;
  checkbox.id = 'year' + i;

  var label = document.createElement('label');
  label.htmlFor = 'year' + i;
  label.appendChild(document.createTextNode(i));

  var container = document.getElementById('year-checkboxes');
  container.appendChild(checkbox);
  container.appendChild(label);
}

这段代码会创建一个从当前年份到 190 年的年份复选框，每个复选框的值为对应的年份。你可以将这段代码放在页面加载完成后执行，或者在需要的时候动态创建年份复选框。

相关问题

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。

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