检查checkbox是否被选中JavaScript

我正在用jQuery Mobile构build一个移动Web应用程序,我想检查一个checkbox是否被选中。 这是我的代码。

<script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You didn't check it! Let me check it for you.") } } </script> <input id="remember" name="remember" type="checkbox" onclick="validate()" /> 

但由于某种原因,它不执行它。

请帮忙 !

—-编辑—–这是我目前所拥有的。

 <DIV data-role="content" data-theme="g"> <DIV class=ui-grid-g-login> <FORM method=post action=[$=PROBE(266)/] data-theme="C"> <P>~DATA_ERROR~</P> <div id="mail" data-role="fieldcontain"> <label for="mail">Email:*</label> <input id="mail" name="mail" type="email" /> </div> <div id="pass" data-role="fieldcontain"> <label for="pass">Paswoord:*</label> <input id="pass" name="pass" type="password" /> </div> <div id="remember" data-role="fieldcontain"> <label for="remember">Onthoud mij</label> <input id="remember" name="remember" type="checkbox" onclick="validate()" /> </div> <P><INPUT class=btn name=submit value=Login type=submit onclick="validate()"></P> </FORM> </DIV> </DIV><!-- /content --> <script type=text/javascript> function validate(){ var remember = document.getElementById('remember'); if (remember.checked){ alert("checked") ; }else{ alert("You didn't check it! Let me check it for you.") } } </script> 

– – 编辑 –

解决了这个问题,问题是该领域也被命名为“记住”

checkedboolean属性,所以你可以直接在IF条件使用它: –

  <script type="text/javascript"> function validate() { if (document.getElementById('remember').checked) { alert("checked"); } else { alert("You didn't check it! Let me check it for you."); } } </script> 

尝试这个:

 function validate(){ var remember = document.getElementById('remember'); if (remember.checked){ alert("checked") ; }else{ alert("You didn't check it! Let me check it for you.") } } 

你的脚本不知道“记得”是什么。 您需要先使用getElementById()获取元素

如果您正在使用这种forms的移动应用程序,那么你可以使用必需的属性html5。 你不想为此使用任何Java脚本validation。 它应该工作

 <input id="remember" name="remember" type="checkbox" required="required" /> 

这应该允许你检查id='remember'元素是否'checked'

 if (document.getElementById('remember').is(':checked') 

像这样使用

 <script type=text/javascript> function validate(){ if (document.getElementById('remember').checked){ alert("checked") ; }else{ alert("You didn't check it! Let me check it for you.") } } </script> <input id="remember" name="remember" type="checkbox" onclick="validate()" /> 

remember是未定义的…和checked属性是一个布尔值不是一个数字。

 function validate(){ var remember = document.getElementById('remember'); if (remember.checked){ alert("checked") ; }else{ alert("You didn't check it! Let me check it for you.") } } 
  if (document.getElementById('remember').checked) { alert("checked"); } else { alert("You didn't check it! Let me check it for you."); } 

您有两个“记住”的ID,每个项目的ID必须是唯一的。

尝试这个

 <script type="text/javascript"> window.onload = function () { var input = document.querySelector('input[type=checkbox]'); function check() { if (input.checked) { alert("checked"); } else { alert("You didn't check it."); } } input.onchange = check; check(); } </script>