在safari中不起作用的复选框的不确定状态(兼容性问题)

时间:2014-07-04 09:25:55

标签: jquery css3 liferay

不确定状态在Safari浏览器中不起作用,但它适用于所有其他浏览器。

问题在于复选框选中复选框时,jquery将显示子复选框。当我再次检查子项的复选框时,父项的不确定状态在Safari中不起作用

此代码是为二级复选框编写的。在这里,我计算第二级复选框的数量(checkBoxesCount)和未选中复选框的数量(uncheckedCount)。如果未选中其中任何一个,其父级(第一级)复选框应该进入不确定状态。这适用于所有浏览器,但不适用于Safari(如果未选中任何一个第二级复选框,则第一级复选框的状态没有变化,它仅保持选定状态。)

if(uncheckedCount>0 && uncheckedLength!=(checkBoxesCount-1) ){
 $('.firstLevel').prop("indeterminate", true);

1 个答案:

答案 0 :(得分:0)

我之前遇到过类似的错误,可能是您检查是否选中了复选框的方式

请参阅此前回答的问题,这可能有所帮助,请注意答案如何进行两种类型的检查以查看是否选中了复选框,其中第二项是使其适用于safari

希望这有帮助!

Custom checkbox not working in Chrome and Safari browser