jquery - 如何在 jQuery 1.9 和 jQuery Mobile 应用程序中正确更改复选框单选状态

Question

这不适用于 jQuery 1.9

$("#" + IDProduct).attr("checked", "checked").checkboxradio("refresh");

Answer 1

检查它

$("#" + IDProduct).prop("checked", true).checkboxradio("refresh");

取消选中它

 $("#" + IDProduct).prop("checked", false).checkboxradio("refresh");

根据 jQuery docs 1.9 版本：

attr() 与 .prop()

Answer 2

.checkboxradio("refresh");

是一个 jQuery 移动功能，因此如果您尝试在没有 jQuery 移动并且是仅 jQuery 的应用程序上运行它，它将无法工作。

我注意到的另一件事是，在许多情况下，当您使用 .attr("checked",false) 时，您将无法使用.attr("checked",true)或.attr("checked","checked")之后在同一个复选框组上使用 .. 这只是个人经验

如果您仅使用 jQuery，请使用 RolandoCC 提到的 .prop，但请记住，checkboxradio 不适用于jQuery 复选框，仅适用于 jQuery 移动特定项目

**编辑**
我可以提供的另一个提示（最近，当 ("checked",false) 打破我的复选框时，这对我有用，是首先在应该检查的项目上执行 ("checked",true) 并且仅一次）对要取消选中的项目进行检查以执行 ("checked",false).. 这样您至少可以检查正确的项目

例如，而不是这样做：

$("#box1").attr("checked", false).checkboxradio("refresh");
$("#box2").attr("checked", true).checkboxradio("refresh");

做：

$("#box1").attr("checked", true).checkboxradio("refresh");
$("#box2").attr("checked", false).checkboxradio("refresh");

我个人不确定为什么检查错误会破坏任何后续检查真实但可能需要记录一个错误..祝大家好运

Answer 3

检查它

$("#" + IDProduct).prop("checked", true).checkboxradio("refresh");

取消选中它

$("#" + IDProduct).prop("checked", false).checkboxradio("refresh");

地位

$("#" + IDProduct).prop("checked") true/false

根据jQuery docs 1.7.1版本：