javascript - 使用 javascript 获取复选框状态

Question

这是我的复选框 HTML 代码

<input id="termsCheckbox" name="termsCheckbox" type="checkbox" value="terms" <?PHP echo $terms; ?> class="checkbox">

这是javascript代码

var terms = $("#termsCheckbox");

function validateTerms(){
if(termsCheckbox.checked == false){
terms_div.addClass("terms_error");
return false;
}
else{           
terms_div.removeClass("terms_error");
return true;
}
}

我想检查复选框是否被选中，如果没有，添加一个类到 terms_div。请帮我解决这个问题。谢谢

Answer 1

您需要访问 className 变量(纯 JS)以下假设您的 div 的 ID 为 terms_div，即 terms_error 是您可能希望在 div 上使用的唯一类，并且您可以使用 onClick="validateTerms();"

设置复选框

function validateTerms(){
  var c=document.getElementById('termsCheckbox');
  var d=document.getElementById('terms_div');
  if (c.checked) {
    d.className='';
    return true;
  } else { 
    d.className='terms_error';
    return false;
  }
}