Jquery mobile 1.4.2 - 动态激活的复选框收音机

时间:2014-04-29 11:26:32

标签: jquery-mobile

我目前正在使用移动应用上的Jquery 1.4.2。我有一个问题列表。一旦用户点击项目,就会显示一个带有响应的弹出窗口。每个响应都是一个复选框广播。响应位于具有data-role = control group的字段集内。

如果用户已经回复了问题,我想激活复选框广播,否则什么都没有。我写了一些代码,它在桌面浏览器下运行良好,但它不适用于移动浏览器。我不知道为什么。实际上,在几毫秒内,激活复选框无线电很好地显示(检查),然后切换到另一个响应(所以另一个复选框无线电)。我不知道为什么会出现这种情况???

点击/点按列表项目时的代码。它允许在弹出窗口中动态加载问题的响应。

var fieldset = $("#contentResponse");
fieldset.empty();
var radioSurvey="";

for(var i = 0; i < response.length; i++){
    var label="";
    if(status == 'active'){

        if(userHasAlreadyAnswered != "null" && userHasAlreadyAnswered == response[i].RESPONSE_ID){
            console.log("checked ...");
            radiochecked = "#"+response[i].RESPONSE_ID;
            label = '<label>' + '<input type="radio" checked="checked" name="radioSurvey" value="'+question_id+'_'+response[i].RESPONSE_ID+'_'+survey_id+'" id="'+response[i].RESPONSE_ID+'"/>' + response[i].RESPONSE_TEXT+'</label>';
        }else{
            console.log("no checked ...");
            label = '<label>' + '<input type="radio" name="radioSurvey" value="'+question_id+'_'+response[i].RESPONSE_ID+'_'+survey_id+'" id="'+response[i].RESPONSE_ID+'"/>' + response[i].RESPONSE_TEXT+'</label>';
        }
    }

    radioSurvey += label;
}

fieldset.html(radioSurvey);
fieldset.trigger("create");

if(status == 'completed' || status == 'published'){
    $('#sendSurveyButton').hide();
}else{
    $('#sendSurveyButton').show();
}

$("#popupSurveyList").popup("open");
编辑:由于谷歌开发者控制台,我看到了JQM的压倒一切。显然,JQM自动附加一些标签标签的类(不是我的代码),特别是类ui-radio-on !!最后,它不是第一个,而是一个随机复选框收音机被检查!

如何解决这个问题?

0 个答案:

没有答案