Question

在ajax响应中，我尝试根据AJAX响应创建动态单选按钮。

success: function(data) {

    var obj = data.result;

    html = '';
    html += '<div >';
    $.each(obj, function(i, val) {


      html += '<input type="radio" name=' + val.id + '><label class="">Yes</label>';



    })
    html += '</div>';

    $('#where_toadd').html(html);
}

对于响应中的每个val，我想生成一个HTML结构，如AJAX处理程序所示。如果该项目的Yes出现在逗号分隔的字符串data.id中，则必须选中标签为val.checked的复选框。我怎么能这样做？

Answer 1

我在这里做了两处改动

success: function(data) {

    var obj = data.result;

    html = '';
    html += '<div class="form-group">';
    $.each(obj, function(i, val) {

      html += '<input type="radio" name=' + val.id + ' '+((val.checked || '').split(',').indexOf(`${val.id}`) !== -1 ? 'checked' : '')+'><label class="">Yes</label>';

    })
    html += '</div>';

    $('#ids').html(html);

Answer 2

执行此操作的一种方法是在checked为真时插入val.checked属性。

function success(data) {

    var obj = data.result;

    html = '';
    html += '<div class="form-group">';
    $.each(obj, function (i, val) {

        html += '<input type="radio" name="' + val.id +'" '+ (val.checked.spilt(',').indexOf(""+val.id) > -1? 'checked':'') +'><label class="">Yes</label>';


    })
    html += '</div>';

    $('#ids').html(html);
}

如何在ajax响应上检查无线电

2 个答案: