选中/取消选中jquery mobile中的所有复选框失败
我有一个带有两个按钮的jquerymobile页面。 一两个选中所有复选框,一个选中取消选中所有复选框。 我第一次点击check all
它的工作原理,但取消选中后它不再有效。
这是我的代码:
SSC ...
我正在使用jQuery 1.9.1和jQuerymobile 1.3
我已经看过如何选择或取消选择JQuery Mobile中的所有复选框? 但它没有帮助我。
jQuery 1.9重新实现了对1.6中的.attr所做的更改,并在1.6.1中删除了。 这意味着.attr
vs .prop
现在又恢复了严格。 如果需要操作属性,请使用.prop
,否则使用.attr
。 您实际上想要使用该属性是非常罕见的。
对于复选框的选中状态,您应该使用.prop("checked",true)
或.prop("checked",false)
$('h3 :checkbox').change(function(e) { e.preventDefault(); var tasiyici = "form1"; if($(this).prop("checked")== true) { tumunuSec(tasiyici,true); }else{ tumunuSec(tasiyici,false); } }); $('#form1 input[type=checkbox]').change(function(e) { e.preventDefault(); var truesayisi = $("#form1 input[type=checkbox]:checked").size(); var checksayisi = $("#form1 input[type=checkbox]").size(); if(truesayisi == checksayisi) { $('h3 :checkbox').prop("checked",true); } if(truesayisi < checksayisi) { $('h3 :checkbox').prop("checked",false); } }); function tumunuSec(FormAdi, cvalue){ var truesayisi = 0; $.each($("#"+FormAdi+" input[type=checkbox]"), function(){ $(this).prop("checked",cvalue).checkboxradio("refresh"); truesayisi++; }); }
TOPLU İŞLEM