Question

我想在div（students_in_course）中的table 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);
});

单选按钮在jquery innerhtml中不起作用

1 个答案: