如何检查复选框是否被选中? [英] How can I check if a checkbox is checked?

问题描述

我正在使用 jQuery Mobile 构建一个移动网络应用程序，我想检查是否选中了一个复选框.这是我的代码.

<input id="remember" name="remember" type="checkbox" onclick="validate()"/>

但由于某种原因它没有执行它.

请帮忙！

----编辑-----这就是我目前所拥有的.

<DIV 类=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">电子邮件:*</label><input id="mail" name="mail" type="email"/>
<div id="pass" data-role="fieldcontain"><label for="pass">Paswood:*</label><input id="pass" name="pass" type="password"/>

<div id="remember" data-role="fieldcontain"><label for="remember">Onthoud mij</label><input id="remember" name="remember" type="checkbox" onclick="validate()"/>

<P><INPUT class=btn name=submit value=登录类型=submit onclick="validate()"></P></DIV></DIV><!--/content --><脚本类型=文本/javascript>功能验证(){var remember = document.getElementById('remember');如果(记住.检查){警报(检查")；}别的{alert("你没查！让我帮你查.")}}

----编辑--

解决了，问题是fieldcontain也被命名为'remember'

解决方案

checked 是一个 boolean 属性，所以你可以直接在 if 条件

I am building a mobile web app with jQuery Mobile and I want to check if a checkbox is checked. Here is my code.

<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()" />

But for some reason or another it doesn't execute it.

Please help !

----EDIT----- This is what I have for the moment.

<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>

----EDIT--

Solved it, the problem was that the fieldcontain was also named 'remember'

解决方案

checked is a boolean property, so you can directly use it in an if condition

<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>

这篇关于如何检查复选框是否被选中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！