按程序取消勾选jQuery UI复选框

前端之家收集整理的这篇文章主要介绍了按程序取消勾选jQuery UI复选框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的网页上有一个 HTML复选框元素:
<input type="checkBox" id="locked" /><label for="locked">Locked</label>

我在$(文档).ready()中打电话,将其更改为jQuery UI复选框按钮,如下所示:

$('#locked').button({
    'icons': {
        'primary': 'ui-icon-unlocked'
    },'label': 'Unlocked'
});

背景背景是用户可以使用该按钮来锁定/解锁特定实体,使得后台进程不会改变它,并且以“解锁”状态开始.如果未启用JavaScript,用户将看到一个复选框,并在其旁边标记“已锁定”.

我想以编程方式检查/取消选中此复选框按钮.我试过了:

$('#locked').attr('checked',false);

但是,复选框按钮不会更新,以反映基础控件的检查状态.

我可以测试复选框的checked属性,然后做一个.click(),如果它不符合我想要的,但听起来不是很优雅.

有没有人有什么建议?

谢谢,
安迪

解决方法

尝试这个:
$('#locked').removeAttr('checked');

这只是你的一个猜测,但通常对我来说就像一个魅力.

编辑:看看jQueryUI文档,这里是一个方法,你也应该尝试改变编程状态的复选框:

$('#locked').button( "refresh" )

“刷新按钮的视觉状态,有助于在本地元素的选中或禁用状态被更改为编程后更新按钮状态.

原文链接:/jquery/179983.html

猜你在找的jQuery相关文章