首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >以编程方式取消选中jQuery UI复选框按钮

以编程方式取消选中jQuery UI复选框按钮
EN

Stack Overflow用户
提问于 2011-09-12 22:15:36
回答 2查看 22.3K关注 0票数 16

我的页面上有一个HTML复选框元素,如下所示:

代码语言:javascript
复制
<input type="checkbox" id="locked" /><label for="locked">Locked</label>

我在$(document).ready()中进行调用,将其更改为jQuery UI复选框按钮,如下所示:

代码语言:javascript
复制
$('#locked').button({
    'icons': {
        'primary': 'ui-icon-unlocked'
    },
    'label': 'Unlocked'
});

背景背景是用户可以使用该按钮来锁定/解锁特定实体,使得后台进程不会改变它,并且它以“解锁”状态开始。如果javascript没有打开,用户会看到一个复选框,并在它的旁边看到一个“锁定”的标签。

我希望能够以编程方式选中/取消选中此复选框按钮。我试过了:

代码语言:javascript
复制
$('#locked').attr('checked', false);

但是复选框按钮不会更新以反映基础控件的选中状态。

我可以测试checkbox的checked属性,如果它与我想要的不匹配,则执行一个.click(),但这听起来不是很优雅。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-09-12 22:22:04

试试这个:

代码语言:javascript
复制
$('#locked').removeAttr('checked');

这只是你的猜测,但通常对我很有效。

EDIT:看看jQueryUI文档,这是一种在编程更改checkbox的状态后也应该尝试的方法:

代码语言:javascript
复制
$('#locked').button( "refresh" )

“刷新按钮的可视状态。对于以编程方式更改本机元素的选中或禁用状态后更新按钮状态很有用。”

票数 35
EN

Stack Overflow用户

发布于 2011-09-12 22:19:24

jQuery 1.5.x及更早版本:$('#locked').attr('checked','');

jQuery 1.6.0及更高版本:$('#locked').prop('checked', false);

checked属性被认为是一个属性,现在有了自己的方法。如果.prop()可用,您应该使用它来确保您的用户能够观察到所需的行为。

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

https://stackoverflow.com/questions/7389303

复制
相关文章

相似问题

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