Question

我有一个带有预先保存值的复选框列表。

我想显示此列表以检查已检查的列表，取消选中未检查的列表。

我使用JqueryMobile。

function CheckExistingDays(DayId, DaysList, DayName)
        {
            var Len = DaysList.length;
            var FoundLessCounter = 0;
            for(var i =0;i<Len;i++)
             {
                 //alert("Day Id is : "+ DayId+" Day At List is "+ DaysList[i]);
                 if(DayId== DaysList[i])
                 {
                     $("#WeekDays fieldset").append('<input type="checkbox" name="'+ DayName+'" CheckboxId="'+ DayId +'" id="cool'+ i +'" class="custom" checked /><label for="cool'+ i +'">'+ DayName +'</label>');

                 }

                 else
                 {
                     FoundLessCounter++;
                     if(FoundLessCounter == Len)
                     {
                         $("#WeekDays fieldset").append('<input type="checkbox" name="'+ DayName+'" CheckboxId="'+ DayId +'" id="cool'+ i +'" class="custom"/><label for="cool'+ i +'">'+ DayName +'</label>');
                     }

                 }

             }



        }

其中DaysList包含已保存的值。

已选中的复选框已正确显示，但未选中的复选框显示为以下方式： CheckBoxes View

但是应该检查的其中一天也输出错误，它旁边只有一个正确的标记。

那么，有没有一种方法可以修复这段代码？

Answer 1

问题在于id的“i”计数器。

在未选中日期，它没有正确递增，所以我只是改变了这个：

                $("#WeekDays fieldset").append('<input type="checkbox" id="cool'+ i +'" class="custom" checked /><label for="cool'+ i +'">'+ DayName +'</label>');

到

               $("#WeekDays fieldset").append('<input type="checkbox" id="cool'+ DayId+'" class="custom" checked /><label for="cool'+ DayId +'">'+ DayName +'</label>');

当ID被纠正时，一切都被修复了:) `

显示具有不同值的复选框列表

1 个答案: