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