jQuery设置复选框为'已检查'

时间:2013-07-11 21:19:39

标签: jquery prop

我正在尝试设置一个复选框来检查if语句,但它似乎不想工作......

这是HTML:

<input type="checkbox" id="aircon" name="aircon" onchange="QuoteRefresh();" class="toggle"  />

这是在我的.js文件中:

$('#aircon').prop('checked', true);

我在控制台中看不到任何错误。

任何人都可以对此有所了解。

这是在AJAX成功回应中:

if (SelectedLevel == "Gold") {


  $('#aircon').prop('checked', true);

}

任何人都可以帮助我吗?

这是我在控制台中获得的内容:

[input#aircon.toggle, context: document, selector: "#aircon", constructor: function, init:      function, selector: ""…]
0: input#aircon.toggle
context: document
length: 1
selector: "#aircon"
__proto__: Object[0]

1 个答案:

答案 0 :(得分:0)

您发布的代码应该有效,可能您的QuoteRefresh();方法返回false,或者处理checked属性的代码未附加到您想要的相应事件上。

以下是prop方法的JSFiddle

编辑(从您对此答案的初始评论中收集的信息)

如果我理解正确,你正在使用引导切换按钮组件(用单选按钮值表示),并且你试图用.prop('checked', true);更改主动切换按钮,但你的组件是可视的风格不变。这是因为将单选按钮上的checked属性从true更改为false或反之亦然不会触发任何javascript事件,引导程序依赖于此更新单选按钮的可视状态。