JavaScript:堆栈并选中复选框,如果没有选中则会发出警报

时间:2017-08-26 19:43:59

标签: javascript

所以,我想查看是否检查了任何复选框......如果没有,请提醒用户选择它们。

我不想使用jQuery。

这是我的代码:

function handleChecked() {
  let form = document.getElementById('form');
  var checked_boxes = false;
  for (let i = 0; i < form.elements.length; i++ ) {
    if (form.elements[i].type == 'checkbox' && form.elements[i].checked == true) {
      checked_boxes=true;      
      handleRemoveElements();
    }  
  }
  if (checked_boxes) {
    handleCheckedBoxes();
  } else { 
    alert("Please select a box.");      
  }
}

最终发生的事情是我无论如何得到警报。我认为这与操作如何堆叠有关,但我似乎无法做到正确。

思想?

1 个答案:

答案 0 :(得分:0)

您可以将 function loginSuccess(data) { var $loginXml = $(data), result = $loginXml.find('Result').text(); if (result == 'success') { $('form').hide(); $('#log-off').show(); // Web Proxy request to enumerate the resources available to the user url = $configXml.find('resourcesProxy').attr('listURL'); ajaxWrapper({ url: url, success: listResourcesSuccess }); } else { showMessage('Login failed - try again'); } var inactivityTime = function () { var t; window.onload = resetTimer; // DOM Events document.onmousemove = resetTimer; document.onkeypress = resetTimer; function logout() { alert("You are now logged out.") //location.href = 'logout.php' } function resetTimer() { clearTimeout(t); t = setTimeout(logout, 3000) // 1000 milisec = 1 sec } }; } querySelectorAll一起使用并计算找到的总数:

:checked
function countTotalCheckboxChecked() {
  console.log(document.querySelectorAll('.chk1:checked').length);
}