验证复选框javascript

如果我在复选框列表中勾选和取消勾选，我将尝试“实时”更新

使用此代码：

window.onload = function () {
  var input = document.getElementById('listTaxi');

  function check() {
      var a = input.checked ? "checked" : "not checked";
      console.log(a);
  }
  input.onchange = check;
  check();
}

我可以对一个复选框执行此操作，但如何对多个复选框执行此操作？复选框列表（div）

---

谢谢

使它们都具有相同的类或赋予所有相同的自定义属性

$（“.classname”） $（“输入[name='customName']）

Jquery随后将使用这些选项选择all

$("#id").change(function() {//if using class name or custom attr loop through the return elements and use a function below to handle the cases
 if($(this).is(":checked")) {
//code if checked
}
else{
//code if not checked       
}
});

---

在要检查是否选中的所有复选框上指定一个类

复选框

<input type="checkbox" class="checkboxes" id="checkbox1"/>
<input type="checkbox" class="checkboxes" id="checkbox2"/>
<input type="checkbox" class="checkboxes" id="checkbox3"/>
<input type="checkbox" class="checkboxes" id="checkbox4"/>

---

Codepen

对所有复选框使用类而不是id。这样，您就可以使用document.getElementsByTagName。您的代码不使用jquery，但您已将其标记为jquery。是否要为每个复选框使用jquery解决方案？@JoseHermosillaRodrigo？我用javascript动态创建列表。如何将类名添加到所有复选框中？我单击复选框和我得到“未选中”、“未选中”、“未选中”和“从未选中”是否动态构建列表的html只要在标记中添加class=“className”当您构建它时，我使用它动态创建复选框，我尝试放置：checkbox.class=“checkbox”“但是如果我尝试你的Jquery不起作用。你想在DOM上附加复选框，还是检查复选框列表是否被选中？我想在页面中显示并选中我不明白。。。复选框是由javascript添加的？你想怎样处理这张支票？它不是通过简单的点击复选框来实现的？是的，但是我需要在javascript中添加复选框列表（不需要这种方式，它可以是另一种方式）。例如，只需点击多个复选框。

// getting all checkboxes
var checkboxes = document.getElementsByClassName('checkboxes');

// go through all checkboxes
for(var i = 0; i <= checkboxes.length - 1; i++){
  checkboxes[i].onchange = function(e){
    alert('Element with id ' + e.target.getAttribute('id') + ' is checked ' +e.target.checked);
  }
}

$('.checkboxes').change(function(){
  var item = $(this);
  alert('Element with id ' + item.attr('id') + ' is ' + item.is(':checked'));
})