我有這個javascript，它會選中所有復選框和取消選中所有復選框。如果我單擊此復選框，它將發送一個值到input = text。這個復選框/取消復選框的問題是，當我單擊它時，它將返回所有值（這正是我想要的，但是問題是，它只會勾選1個復選框，但返回所有值。）我希望它勾選所有返回所有值的復選框。下面是代碼。function addValue(row) { //select all checkboxes with name userid that are checked var checkboxes = document.querySelectorAll("input[name='user_id[]']:checked") var values = ""; //append values of each checkbox into a variable (seperated by commas) for (var i = 0; i < checkboxes.length; i++) { values += checkboxes[i] .value + "," } //remove last comma values = values.slice(0, values.length - 1) //set the value of input box document.getElementById("studID").value = values;}//Above is the code to return value to the input=text.//Below is the code for check/uncheck all checkbox valuefunction CheckUncheckAll() { var selectAllCheckbox = document.getElementById("checkUncheckAll"); if (selectAllCheckbox.checked == true) { var checkboxes = document.getElementsByName("user_id[]"); for (var i = 0, n = checkboxes.length; i < n; i++) { checkboxes[i].checked = true; var values = ""; //append values of each checkbox into a variable (seperated by commas) for (var i = 0; i < checkboxes.length; i++) { values += checkboxes[i] .value + "," } //remove last comma values = values.slice(0, values.length - 1) //set the value of input box } } else { var checkboxes = document.getElementsByName("user_id[]"); for (var i = 0, n = checkboxes.length; i < n; i++) { checkboxes[i].checked = false; var values = ""; for (var i = 0; i < checkboxes.length; i++) { values += "" } } } document.getElementById("studID").value = values;}
3 回答
白豬掌柜的
TA貢獻1893條經驗 獲得超10個贊
這是檢查所有物品并收集物品的方法
function sumIt(checkboxes) {
var values = [];
checkboxes.forEach(function(box) {
if (box.checked) values.push(box.value)
})
document.getElementById("studID").value = values.join(",");
}
window.addEventListener("load", function() {
var checkboxes = document.getElementsByName("user_id[]");
document.getElementById("checkUncheckAll").addEventListener("click", function() {
var checked = this.checked;
checkboxes.forEach(function(box) {
box.checked = checked;
})
sumIt(checkboxes)
})
checkboxes.forEach(function(box) {
box.addEventListener("click", function() {
sumIt(checkboxes)
})
})
})
<table>
<tr>
<th colspan="3"><input type="checkbox" id="checkUncheckAll" />Check all</th>
</tr>
<tr>
<td><input type="checkbox" name="user_id[]" value='1' /></td>
<td><input type="checkbox" name="user_id[]" value='2' /></td>
<td><input type="checkbox" name="user_id[]" value='3' /></td>
</tr>
</table>
<input class="form-control" name="user_id" id="studID" type="text" maxlength="255" />
- 3 回答
- 0 關注
- 171 瀏覽
添加回答
舉報
0/150
提交
取消