如何检查复选框是否被选中? [英] 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屋!