jquery innerhtml에서 라디오 버튼이 작동하지 않습니다.

div (students_in_course)의 table data()에 라디오 버튼을 추가하고 jquery innerhtml 라디오 버튼에 라디오 버튼을 추가하고 싶습니다. 형식 버튼이나 텍스트를 사용하면 작동합니다.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'); 
       } 
     }); 
    }); 
    });

출처

2013-09-28 Likhan

당신은 HTML을 추가 할 수 있습니까? 이름, 이름에 따옴표 = " '+ X +'" –

시도 – Greenhorn

추가 – Likhan

답변

코드가 양호한 것 같습니다.

다음은 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); 
});

출처

2017-05-17 09:38:44

답변

관련 문제