使用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;
  }
}