如何使用javascript顯示警報消息來檢查複選框？

Question

我正在使用下面的代碼來檢測我的gridview模板字段內的複選框是否被選中。如果沒有選中複選框，我想顯示警報消息。

function findCheckBox() { 

     var inputElements = document.getElementsByTagName('input'); 
     var chekSelect = false; 
     for (var i = 0; i < inputElements.length; i++) { 
      var myElement = inputElements[i]; 


      if (myElement.type === "checkbox") { 

       if (myElement.checked === false) { 

        chekSelect = true; 
        return true; 
       } 
      } 

      if (chekSelect === true) { 
       return true; 
      } 

      else { 
       alert('Please Check Atleast one record to print cheque!!!'); 
       return false; 
      } 
     } 

    } 

但有了這個代碼，當我在我的按鈕點擊，即使一個或多個複選框一次顯示了我的錯誤信息。我在這裏做錯了什麼。任何人都可以幫助我。

Answer 1

你的邏輯稍微偏離。修改後的版本：

jsFiddle demo

function findCheckBox() { 
    var inputElements = document.getElementsByTagName('input'); 
    var chekSelect = false; 
    for (var i = 0; i < inputElements.length; i++) { 
     var myElement = inputElements[i]; 

     if (myElement.type === "checkbox") { 
      if (myElement.checked) { 
       chekSelect = true; 
       break; 
      } 
     } 
    } 

    if(!chekSelect) { 
     alert('Please Check Atleast one record to print cheque!!!'); 
     return false; 
    } else { 
     return true; 
    } 
} 

我已經改變了.checked測試，以測試它是true不false，因爲你要知道，如果至少一個複選框被選中。我還添加了一箇中斷，並將警報移到了for之外，因爲您不知道是否有複選框被選中，直到完成。

Answer 2

試試這個

function findCheckBox() { 
    var inputElements = document.getElementsByTagName('input'); 
    for (var i = 0; i < inputElements.length; i++) { 
     var myElement = inputElements[i]; 
     if (myElement.type === "checkbox" && myElement.checked) { 
      return true; 
     } 
    } 
    alert('Please Check Atleast one record to print cheque!!!'); 
    return false; 
} 

Answer 3

使用jQuery：

var checked = false; 
$('input:checkbox').each(function(){ 
    if($(this).prop('checked')){ 
     checked = true; 
     break; 
    } 
}); 

if(!checked) alert('Please Check At least one record to print cheque!!!')