首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在没有表单的情况下创建复选框

如何在没有表单的情况下创建复选框
EN

Stack Overflow用户
提问于 2011-05-19 02:34:12
回答 4查看 22.4K关注 0票数 20

我一直在尝试制作一个简单的应用程序,有3个字段,如下所示:

代码语言:javascript
运行
复制
    <div id = "nameInput" >Name:</div><input id = "nameInputField" type = "text" name = "userName" />
    <div id = "emailInput" >Email:</div><input id = "emailInputField" type = "text" name = "email" />
    <input id = "termsCheck" type = "checkbox" name = "terms" />

我遇到的问题是,我一直需要尝试将其包装在表单中,以使复选框在选中时注册为选中状态。我不想使用表单,因为我从来不想提交任何东西。

下面是checkbox的JS。它始终标记为未选中:

代码语言:javascript
运行
复制
if ($('#terms').checked == true) {
    //Rest of code

有没有办法在不使用表单的情况下实现这一点,或者我的复选框从未被注册为选中的原因?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-05-19 02:37:03

代码语言:javascript
运行
复制
<input id = "termsCheck" type="checkbox" name="terms" />

JS:

jQuery 1.6之前的版本:

代码语言:javascript
运行
复制
if($('#termsCheck').is(':checked')){}

在jQuery 1.6之后:

代码语言:javascript
运行
复制
if($('#termsCheck').prop('checked')){}
票数 25
EN

Stack Overflow用户

发布于 2015-12-07 04:28:31

如果你不想使用jQuery,你可以这样做:

代码语言:javascript
运行
复制
<input id = "termsCheck" type = "checkbox" name = "terms" />

并以这种方式引用它:

代码语言:javascript
运行
复制
if (document.getElementById("termsCheck").checked) {
}
票数 3
EN

Stack Overflow用户

发布于 2011-05-19 02:37:44

您需要以不同的方式检查选中状态

代码语言:javascript
运行
复制
$('#terms').is(":checked")
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6049430

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档