如何防止用户使用jQuery或JavaScript在每个记录行上选择多个单选按钮_Javascript_Jquery

如何防止用户使用jQuery或JavaScript在每个记录行上选择多个单选按钮

javascript jquery

如何防止用户使用jQuery或JavaScript在每个记录行上选择多个单选按钮,javascript,jquery,Javascript,Jquery,json记录中有3plus行，动态显示，一切正常用户可以选择多个单选按钮，而不是每行仅选择一个单选按钮。如何使用JavaScript或jQuery确保每行只选择一个单选按钮 <!doctype html> <html> <head> <script src="jquery.min.js"></script> </head> <body> <h1>Sele

json记录中有3plus行，动态显示，一切正常

用户可以选择多个单选按钮，而不是每行仅选择一个单选按钮。如何使用JavaScript或jQuery确保每行只选择一个单选按钮

<!doctype html>
  <html>
   <head>
<script src="jquery.min.js"></script>

  </head>
  <body> 

 <h1>Select Record using Radio button</h1>
<div id="data"></div> 

<script>

var json = [{
    "firstName": "John",
        "lastName": "Doe",
         "middlename": "m_doe"
}, {
    "firstName": "Anna",
        "lastName": "Smith",
           "middlename": "m_smith"
}, {
    "firstName": "Peter",
        "lastName": "Jones",
         "middlename": "m_Jones"
}];

$(document).ready(function(){
 var len = json.length;
            for(var i=0; i<len; i++){
              
                var firstname = json[i].firstName;
                var lastname = json[i].lastName;
                var middlename = json[i].middlename;
               

                var tr_str = "<div id='user_record'>" +
                    "<span align='center'>" + (i+1) + "</span>" +

                    "<input type='radio' id="+ lastname +">" +lastname+
                    "<input type='radio' id="+ firstname +">" +firstname+
                    "<input type='radio' id="+ middlename +">" +middlename+

                "</div><br><br>";

               $("#data").append(tr_str);
}

});





</script>

  </body>
</html>


使用单选按钮选择录制
var json=[{
“名字”：“约翰”，
“姓氏”：“能源部”，
“中间名”：“m_doe”
}, {
“名字”：“安娜”，
“姓氏”：“史密斯”，
“middlename”：“m_smith”
}, {
“名字”：“彼得”，
“姓氏”：“琼斯”，
“middlename”：“m_Jones”
}];
$（文档）.ready（函数（）{
var len=json.length；
对于（var i=0；i在一系列评论和否决票之后，我知道某个地方出了问题。我终于让它起作用了
我刚刚用一个唯一的标识更新了无线电值和名称变量value='rec'+（I+1）+''name='rec'+（I+1）+'
因此，下面的解决方案是可行的
            "<input type='radio' value='rec_"+ (i+1) +"' name='rec_"+ (i+1) +"' id="+ lastname +">" +lastname+
            "<input type='radio' value='rec_"+ (i+1) +"' name='rec_"+ (i+1) +"' id="+ firstname +">" +firstname+
            "<input type='radio' value='rec_"+ (i+1) +"' name='rec_"+ (i+1) +"'  id="+ middlename +">" +middlename+

“”+lastname+
“”+名字+
“”+中间名+
一个广播组需要一个通用的名称
。浏览器只允许选择一个具有该名称的广播组。一些关于html广播工作原理的基础研究已经为您确定了这一点。这应该在大多数html广播教程中介绍；可能需要查看一个。