表循环(如果未选中)复选框在 javascript 中

Question

我想设置一个条件来检查复选框是否未选中。如果是这样，则应该有一个prompt或alert，用户必须选中一个复选框。

function submit() {
var row_count = $('#adj_table_x >tbody >tr').length;
var grid = document.getElementById("adj_table_x");
var checkBoxes = grid.getElementsByTagName("INPUT");
// I want to put a condition here before the loop value will inserted
for (var i = 1; i <= row_count; i++) {
if (checkBoxes[i].checked) {
var row = checkBoxes[i].parentNode.parentNode;
var data = row.cells[1].innerHTML;
$.post('../controller/controller.php?action=submit', {
'data': data
}, function(response) {
console.log(response);
});
}
}
}

Answer 1

您可以使用以下选择器 $("input：checked"(.length ！= $("input"(.length

您可以根据需要调整代码

您需要使用 JQuery 中可用的伪选择器"checked" - 有关更多信息，请参阅下面的链接

https://api.jquery.com/checked-selector/

function submit (){
if($("#tableID input[type='checkbox']:checked").length != 
$("#tableID input[type='checkbox']").length){
alert("please check all values")
}
else{
//Put your code here
}

Answer 2

我想你想要这样的东西，不太确定你的解释，但看看它是否适合你。

function submit() {
var row_count = $('#adj_table_x >tbody >tr').length;
var grid = document.getElementById("adj_table_x");
var checkBoxes = grid.getElementsByTagName("INPUT");
// I want to put a condition here before the loop value will inserted
if(checkBoxes.prop('checked') == false){
alert('Please select checkbox');
return false;
}
for (var i = 1; i <= row_count; i++) {
if (checkBoxes[i].checked) {
var row = checkBoxes[i].parentNode.parentNode;
var data = row.cells[1].innerHTML;
$.post('../controller/controller.php?action=submit', {
'data': data
}, function(response) {
console.log(response);
});
}
}
}