Jquery移动复选框未更新

jquery mobile checkbox not being updated

本文关键字：更新 复选框 移动 Jquery      更新时间：2023-09-26

我是jquery手机新手。其他人为我写了一些代码，但它不是100%工作。有四个复选框:All, A1, A2, A3。

  1. 点击全选-全选
  2. 然后取消选中其中一个，全部关闭
  3. 再次点击全部-所有3被选中，但全部本身没有，它必须再次选择。

因此取消选择All的代码不起作用http://jsfiddle.net/chiti/M366L/1/

我没有写这段代码，但我必须修复它，我尝试了这两个版本，都没有工作。

$('#Select_All_1').find('span.ui-icon-shadow').attr('class','ui-icon ui-icon-checkbox-off ui-icon-shadow');
$('#Select_All_1').filter(':checkbox').prop('checked',true).checkboxradio("refresh");

谢谢

我修复并简化了你的JavaScript代码:

$(document).ready(function ()
{
    $("#ALLF").click(function()
    {
        var thisChecked = $("#ALLF").prop("checked");
        $("[id^=CheckA]").prop("checked", thisChecked).checkboxradio("refresh");
    });

    $("[id^=CheckA]").click(function()
    {
        var allChecked = true;
        $.each($("[id^=CheckA]"), function(index, current)
        {
            if ($(current).prop("checked") === false)
                allChecked = false;
        });
        $("#ALLF").prop("checked", allChecked).checkboxradio("refresh");
    });
});

JSFiddle

相关文章：