Javascript：如何获得选中的复选框项目

我有一个复选框，我从Web服务加载其输入。我正在开发一个过滤所选项目并将它们放入表格的函数。Javascript：如何获得选中的复选框项目

我的复选框看起来像这样：

<label class="checkbox" data-match-for="filtre-competences"> 
    <input id="checkbox_competence" name="missionPlace" value="" type="checkbox" data-match-forcontent="id-competence"> 
    <span class="check"></span> 
    <span class="checkbox-title" data-match-forcontent="titre-competence"></span> 
    <span>(<span data-match-forcontent="nb-mission"></span>)</span> 
</label>

我想在一个表中，当然以过滤选择的元素取消可能床动态取消的项目。

我的功能看起来是这样的：

selectCompetences:function() { 
    var checkbox = document.querySelector('#checkbox_competence'); 
    var arr = new Array(); 
    checkbox.addEventListener('click',function() { 
     if() { 
      //selected : add to table 
      arr.push(checkbox.getAttribute("value")) 
     } 
     else { 
      // deselected: remove from table 
     } 
    }) 
}

我需要完成这个功能。有什么建议么？

来源

2016-08-16 firasKoubaa

如果什么'value'是不是唯一的？你将如何删除它？你需要改变你的方法..你想要 – Rayon

，'this.checked'？ – epascarello

是的，我想每次都选择或取消选择recyuper – firasKoubaa

var values = new Array(); 

    $.each($("input[name='case[]']:checked").closest("td").siblings("td"), 
    function() { 
     values.push($(this).text()); 
    }); 

    alert("val---" + values.join(", "));

来源

2016-08-16 11:18:27

嗨Samudrala - 你的代码唯一的答案在某些情况下会更好。例如，您可以解释这是如何解决提问者的原始问题的;这也会使寻求类似问题的答案的其他读者更有用。 –

thx的帮助 – firasKoubaa

function togglecheckboxes(master,group){ 
 
    var cbarray = document.getElementsByName(group); 
 
    for(var i = 0; i < cbarray.length; i++){ 
 
     cbarray[i].checked = master.checked; 
 
    } 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 

 
</head> 
 
<body> 
 
<input type="checkbox" id="cbgroup1_master" onchange="togglecheckboxes(this,'cbg1[]')"> Toggle All 
 
<br><br> 
 
<input type="checkbox" id="cb1_1" class="cbgroup1" name="cbg1[]" value="1"> Item 1<br> 
 
<input type="checkbox" id="cb1_2" class="cbgroup1" name="cbg1[]" value="2"> Item 2<br> 
 
<input type="checkbox" id="cb1_3" class="cbgroup1" name="cbg1[]" value="3"> Item 3<br> 
 
<input type="checkbox" id="cb1_4" class="cbgroup1" name="cbg1[]" value="4"> Item 4<br> 
 
</body> 
 
</html>

来源

2016-08-16 11:22:02 satwick

如果想要更多的参考检查此链接 – satwick

http://stackoverflow.com/questions/17802498/select-deselect-all-check-boxes-on-click-a-single-check-box-by -javascript – satwick

Javascript：如何获得选中的复选框项目

回答

相关问题