首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么单击复选框不添加选中的属性=‘选中’

为什么单击复选框不添加选中的属性=‘选中’
EN

Stack Overflow用户
提问于 2011-02-03 10:01:49
回答 3查看 29.2K关注 0票数 25

当我点击一个复选框时,为什么没有添加选中的属性?你可以在这里看到代码http://jsfiddle.net/FCrSg/

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-02-03 10:05:44

你想做什么?看看是否检查过了?

代码语言:javascript
复制
$('.user_roles').click(function(){ 
    console.log( $(this).is(':checked'));
});

http://jsfiddle.net/petersendidit/FCrSg/1/

票数 10
EN

Stack Overflow用户

发布于 2011-02-03 10:06:02

HTML attribute checked的意思是:在页面加载时默认选中。单击复选框时,此选项不会更改。

代码语言:javascript
复制
<input type="checkbox" checked="checked"> <!-- The HTML attribute -->

checkbox的DOM属性 checked实际上是复选框的当前状态,可以是true/false。这将在单击复选框时更改,但在检查HTML时不可见。

代码语言:javascript
复制
$('input:check')[0].checked == true;
// Whether or not the checkbox is currently checked
票数 86
EN

Stack Overflow用户

发布于 2011-02-03 10:10:10

如果您希望它出现在控制台中显示的元素上,请使用本机setAttribute()方法。

示例: http://jsfiddle.net/FCrSg/2/

代码语言:javascript
复制
this.setAttribute('checked',this.checked);

所以它看起来像这样:

代码语言:javascript
复制
$('.user_roles').click(function(){
    this.setAttribute('checked',this.checked);
    console.log( $(this) );
});

那么控制台应该会给你:

代码语言:javascript
复制
<input class=​"user_roles" type=​"checkbox" checked=​"true">​

尽管您通常不需要像这样设置属性。通常情况下,属性就足够了。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4882000

复制
相关文章

相似问题

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