JQuery Mobile - 修改复选框的选中状态无效解决办法!

今晚,在编写JQuery Mobile程序时候,需要在代码里面控制复选框的选中状态,很简单的代码啊,很快完成了!等测试程序时候傻眼了,页面无论如何也不按照我写的代码显示出来!问题出在哪里呢?是我写的控制状态代码有问题?查看资料,最终使用prop来控制状态。理应可以了吧?但是还不行,页面还是没有正常显示控制代码要的状态!难道真的没有改变复选框的checked属性?通过测试代码发现,不是!已经在代码里面完成修改了,而且Dom对应元素的值已经改变了,那就是说,控制代码没有问题,只是页面没有正常显示而已!!

通过查找资料,真的是把互联网翻了一个遍啊,最终解决了,果然如我所料,就是页面没有正常显示控制代码要表达的状态!!

说明:下面代码是遍历一组复选框,我做的控制代码是不管有多少复选框,通通不选中!!

一般网上介绍的代码:

          $("input[type=checkbox]").each(function () {

                $(this).prop("checked", false);
            })

这样的代码,是绝大多数网上介绍的,说这样操作就可以了,但是在我做的程序里面,真的不好使,而且,确实已经把对应的复选框的值修改成了不选中了!!

最终解决的代码:

        $("input[type=checkbox]").each(function () {

                $(this).prop("checked", false).checkboxradio("refresh");
            })

参考:

https://stackoverflow.com/questions/21530783/jquery-mobile-checking-checkbox-dynamically-is-not-working

猜你喜欢

转载自www.cnblogs.com/sunylat/p/9807827.html