單選按鈕不工作在jquery innerhtml

Question

我想在div（students_in_course）中的表data（）添加單選按鈕，但在jquery innerhtml單選按鈕沒有顯示。如果我使用類型按鈕或文本，它將起作用。

$(document).ready(function() { 

$("button[name='create_new_take_attendance_button']").click(function(e){ 
    e.preventDefault(); 
    var semester_log_id = $(this).attr('id'); 
    //alert(semester_log_id); 

    $.ajax({ 
    url: "attendance/view_students_in_semester_log/"+semester_log_id, 
    type: "post", 
    dataType: "json", 
    success: function(data) 
    { 
       var totalString =''; 
       for(var x=0;x<data.length;x++) 
       { 
       totalString+='<tr><td>'+data[x].roll_number+'</td><td>'+data[x].full_name+'</td><td><form><input type="radio" name='+x+' value="yes"/>yes<input type="radio" name='+x+' value="no"/>no </form></td></tr>'; // error radio button is not showing 
       } 
       $('#students_in_course').html(totalString); 
       $('#modal_take_attendance').modal('show'); 
       } 
     }); 
    }); 
    }); 

Answer 1

你的代碼似乎很好。

這裏是我在JSFiddle中嘗試過的示例剪切。請參考這個。

https://jsfiddle.net/jijith1309/ne4obL7q/

的Html

<table> 
    <thead> 
    <tr> 
     <th>Student Roll</th> 
     <th>Student Name</th> 
     <th>Present</th> 
    </tr> 
    </thead> 
    <tbody id="students_in_course"> </tbody> 
</table> 

腳本

$(document).ready(function() { 
    var str = ''; 
    for (var i = 0; i < 3; i++) { 
    str += '<tr><td>123</td><td>jijith</td><td><form><input type="radio" name=' + i + ' value="yes"/>yes<input type="radio" name=' + i + ' value="no"/>no </form></td></tr>' 
    } 
    $('#students_in_course').html(str); 
});