Javascript和復選框

Question

我正在嘗試創建一個復選框，該復選框將在單擊時更改表單操作。 首先，我將其設置為根據是否已檢查但沒有任何反應來提醒消息。 請幫我！

JavaScript：

function toggleAction(){
var check = document.getElementById('checkb').checked;
   if (checked == "1"){
    alert("is checked");
   }else{
    alert("is not checked"); }
}

HTML：

<INPUT TYPE="checkbox" id="checkb" onclick="toggleAction()">Add Another<br>

Answer 1

您的主要問題是您將變量命名為check但隨后在if語句中查找了checked 。 其次，請注意， .checked是布爾值（ true或false ），但是您正在將其與字符串“ 1”進行比較。 碰巧可以正常工作，但是不建議這樣做。

嘗試：

if (check) alert("is checked");
else       alert("is not checked");

比在處理程序中顯式使用getElementById更好的方法是，使用對處理事件的復選框的引用：

document.getElementById('checkb').onclick = toggleAction;
function toggleAction(){
  if (this.checked) alert('yes');
  else              alert('no');
}

請注意上面的內容中，我還如何使用JavaScript以編程方式分配了事件處理程序，而不是使用onclick="..." HTML屬性。 這被認為是“最佳實踐”； 您不應該直接在HTML中編寫JavaScript。

Answer 2

if(checked == "1")應為if(check) 。