检查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>
– – 编辑 –
解决了这个问题,问题是该领域也被命名为“记住”
checked
是boolean
属性,所以你可以直接在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>