如何正确更改复选框无线状态un 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 mobile的应用程序上运行它,并且它是一个仅限jQuery的应用程序,它将无法运行.

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

如果您在使用jQuery才使用.prop作为RolandoCC提及,但请记住checkboxradio确实不是 jQuery的复选框的工作,只在jQuery Mobile的具体项目

**编辑**
我可以提供的另一个提示(这对我来说最近工作时("检查",错误)打破我的复选框是对应该检查的项目的第一次执行("选中",真实)并且只有一次对要取消选中的项目进行检查("已检查","假")..这样您至少可以检查正确的项目

例如,而不是做:

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

做:

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

我个人不确定为什么一个检查错误打破任何后续检查是真的但可能需要记录一个bug来对付这个..祝你好运

Answer 3

检查一下

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

取消检查

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

状态

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

根据jQuery docs 1.7.1版本: