Question

我是jquery mobile的新手。别人为我写了一些代码，但它不是百分之百的工作。有四个复选框：All，A1，A2，A3。

单击全部 - 所有3个都被选中
然后取消选中其中一个，All is off
再次单击全部 - 所有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");

感谢

Answer 1

我修复并简化了您的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

jquery mobile复选框未更新

1 个答案: