每行选中一个复选框

Question

我希望用户每行只选择一名学生

我有这个for循环来动态创建表中的行：

for(let i = 0; i<<%=Voter.website_count%>; i++)
{
  let websites = <%=@websites%>;
  let wcount = <%=Voter.website_count%>;
  let cite_row1= websites[i];
  let table=document.getElementById("data_table");
  let table_len=(table.rows.length)-1;
  let row = table.insertRow(table_len).outerHTML="<tr id='row"+table_len+"'><td id='name_row"+table_len+"'><label><input type='checkbox' class='radio'  name='sites[i]' value='1'>"+cite_row1+"</label></td><td id='country_row"+table_len+"'><label><input type='checkbox' class='radio'  name='sites[i]' value='1'>"+cite_row1+"</label></td><td id='age_row"+table_len+"'><label><input type='checkbox' class='radio'  name='sites[i]' value='1'>"+cite_row1+"</label></td><td></td></tr>";
}

我尝试了这个，但它无法正常工作

$('input[type="checkbox"]').on('change', function() {
    $('input[name="' + this.name + '"]').not(this).prop('checked', false);
});

表格如下所示