jQuery 将复选框设置为“已选中”

Question

我正在尝试设置一个复选框以从 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]

Answer 1

您发布的代码应该可以工作，也许您的 QuoteRefresh(); 方法返回 false，或者您处理 checked 属性的代码未附加到您想要的相应事件。

这是prop 方法的JSFiddle 工作。

编辑（使用从您对该答案的初始评论中收集的信息）

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