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：如何獲得選中的複選框項目

回答

相關問題