我的页面上有一个HTML复选框元素,如下所示:
<input type="checkbox" id="locked" /><label for="locked">Locked</label>
我在$(document).ready()中进行调用,将其更改为jQuery UI复选框按钮,如下所示:
$('#locked').button({
'icons': {
'primary': 'ui-icon-unlocked'
},
'label': 'Unlocked'
});
背景背景是用户可以使用该按钮来锁定/解锁特定实体,使得后台进程不会改变它,并且它以“解锁”状态开始。如果javascript没有打开,用户会看到一个复选框,并在它的旁边看到一个“锁定”的标签。
我希望能够以编程方式选中/取消选中此复选框按钮。我试过了:
$('#locked').attr('checked', false);
但是复选框按钮不会更新以反映基础控件的选中状态。
我可以测试checkbox的checked属性,如果它与我想要的不匹配,则执行一个.click(),但这听起来不是很优雅。
发布于 2011-09-12 22:22:04
试试这个:
$('#locked').removeAttr('checked');
这只是你的猜测,但通常对我很有效。
EDIT:看看jQueryUI文档,这是一种在编程更改checkbox的状态后也应该尝试的方法:
$('#locked').button( "refresh" )
“刷新按钮的可视状态。对于以编程方式更改本机元素的选中或禁用状态后更新按钮状态很有用。”
发布于 2011-09-12 22:19:24
jQuery 1.5.x及更早版本:$('#locked').attr('checked','');
jQuery 1.6.0及更高版本:$('#locked').prop('checked', false);
checked
属性被认为是一个属性,现在有了自己的方法。如果.prop()
可用,您应该使用它来确保您的用户能够观察到所需的行为。
https://stackoverflow.com/questions/7389303
复制相似问题