Javascript 使用JS获取复选框值

所以我有两类复选框

  <input type="checkbox" name="foo"  value="val1" />
  <input type="checkbox" name="foo"  value="val2" />


  <input type="checkbox" name="bar"  value="val1" />
  <input type="checkbox" name="bar"  value="val2" />

因此，假设在foo组中只选中了第一个复选框，而在bar组中两个复选框都被选中。组值如下所示

 var foo = val1;
 var bar = val1,val2;

---

搜索所有共享相同名称/类的复选框的最佳方法是什么，以查看它们是否被选中，如果被选中，则将其值添加到字符串中

救援。

给你的复选框一个普通类，然后：

$('.classofcheckbox').each(function() {
   if ($(this).val()) {
     // do stuff...
   }
});

或者更直接地

$('.classofcheckbox:checked').each(function() {
   // do stuff...
});

---

选中所有复选框：

$(':checkbox').is(':checked').each(function() {
   if ($(this).value) {
     //get values here
   }
});

$(':checkbox').each(function() {
   if ($(this).value) {
     //get values here
   }
});

获取所有复选框：

$(':checkbox').is(':checked').each(function() {
   if ($(this).value) {
     //get values here
   }
});

$(':checkbox').each(function() {
   if ($(this).value) {
     //get values here
   }
});

---

你可以试试类似的东西

 var foo = $("input:checkbox[name='foo']:checked").map(function(){
                            return this.value;
                        }).get().join(',');

 var bar = $("input:checkbox[name='bar']:checked").map(function(){
                            return this.value;
                        }).get().join(',');

---

查看a

查看我已经查看了，但是我无法获取我生命中的值列表。

$（'input:checked[name=foo]'）。val（）

将为您提供当前值，检查“foo”是否他真的想要获取所有值？不是真的，但我添加了查找所有值，以防他想使用所有复选框值来操纵其站点中的进一步过程。