前端之家

  1. 首页
  2. 问答

在做某事之前如何确认所有复选框都已选中？

• 问答

我的目标是，如果所有复选框都选中，则该人员可以走得更远，否则它将转到借口页面。

我在jQuery中发现了这个

$("input[type='checkbox'].itemCheck").change(function(){
    var a = $("input[type='checkbox'].itemCheck");
    if(a.length == a.filter(":checked").length){
        console.log("Je vais sur la formulaire");

    }
});

我尝试了它并且可以用，但是我在香草js中需要它，所以我尝试了将其转换，但是我只是找不到如何做到这一点。

我尝试了其他逻辑使它起作用，但是我不知道怎么做。

<input type="checkbox" name="verif" class="checkbox itemCheck">

<input type="checkbox"  name="age" class="checkbox itemCheck">

<input type="checkbox"  name="employed" class="checkbox itemCheck">
dalanmao007 回答：在做某事之前如何确认所有复选框都已选中？

该jQuery代码的原始JavaScript版本为：（添加了注释，以便您了解正在发生的事情）

// gets all the inputs on the page with type = "checkbox"
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
// loops through each checkbox
for (var i = 0; i < checkboxes.length; i++) {
  // add an change event listener to each checkbox
  checkboxes[i].addEventListener('change',function() {
    // gets the checkboxes that are ticked (or "checked")
    var checkboxes_ticked = document.querySelectorAll('input[type="checkbox"]:checked');
    // check if the length of ticked checkboxes matches with the total checkboxes on the page
    if (checkboxes_ticked.length === checkboxes.length) {
      // all checkboxes where ticked! display your message
      console.log("Je vais sur la formulaire");
    }
  });
}

祝你好运。

checkboxjavascript
本文链接：https://www.f2er.com/3149194.html

大家都在问