javascript中的表循环（如果未选中）复选框

Question

I want to put a condition to check if the checkbox is not selected. If so, there should be a prompt or alert that user must choose a checkbox.

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

You can use the below selector $("input:checked").length != $("input").length

You can tweak the code based on your requirement

You need to use pseudo selector 'checked' available in JQuery - Please see the link below for more info

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

I think you want something like this, not really sure about your explanation, but see if it works for you.

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);
   });
  }
 }
}