У меня 3plus строки в записи json, которые отображались динамически, и все работает нормально.
Вот моя проблема: Пользователь может выбрать несколько переключателей вместо всего по одному переключателю в каждой строке. Пожалуйста, как мне убедиться, что для каждой строки выбран только один переключатель, используя 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>
снимок экрана, показывающий выбор нескольких переключателей в каждой строке