Javascript 当包含复选框的列表由.js生成时，如何将选中的复选框限制为html文档中的一个复选框

其目的是将html对话框用作程序的设置页面。在此设置页面中，用户可以创建销售人员列表，稍后可以从下拉框中选择该列表。我现在的目标是添加一个复选框，指示witch salesperson是下拉列表中的默认选项

以下是我目前掌握的情况：

这是创建html Salesors表列表的.js函数

function addSalespersonRow(id, name, phone, email, defsales) {
var newRow = $('<tr>'+
    '<td><input type="hidden" class="id" /><input class="name" size="20" /></td>'+
    '<td><input class="phone" size="15"/></td>'+
    '<td><input class="email" size="30"/></td>'+
    '<td><input type="checkbox" class="defsales"</td>'+
    '<td><a href="#" onclick="$(this).parent().parent().remove(); return false;">Delete</a></td>'+
    '</tr>');
if (id === undefined) {
    id = new Date().getTime();
}
$('.id', newRow).val(id);


if (name !== undefined) {
    $('.name', newRow).val(name);
}
if (phone !== undefined) {
    $('.phone', newRow).val(phone);
}
if (email !== undefined) {
    $('.email', newRow).val(email);
}
if (defsales !== undefined) {
    $('. defsales', newRow).val(defsales)
}

$('#salespersons-table tbody').append(newRow);

return false;

.dat条目如下所示

 "defsales"on"name"Bob Summers"id"1254233372387"phone"(953) 684-9557"email"bsummers@company.com

如您所见，已选中此人的复选框。此值为on或on。 我现在遇到的问题是，当settings.html重新打开时，上面的salersons复选框没有被选中，表明没有进行默认选择。因此，如果用户没有注意到这一点并重新保存他们的设置，那么之前的选择将丢失

你能提供的任何帮助都会很好

---

感谢您耐心地解释我的冗长问题。

为什么不简单地使用一个下拉框，它只允许用户选择一个销售人员？这将大大简化JavaScript，因为您只需要代码来更新下拉列表中的销售人员。

我找到了如何将他们的选择限制为一个。事实证明，我需要使用单选按钮。默认情况下，单选按钮只允许选择一个。为了使其正常工作，单选按钮需要将自身与所有其他同类按钮进行比较，以了解它是否是唯一被选中的按钮。所以要做到这一点，我必须给所有动态创建的收音机取相同的名字

所以我纠正了这句话：

'<td><input type="checkbox" class="defsales"</td>'+

看起来像这样：

'<td><input type="radio" name="ds" class="defsales" /></td>'+

现在我所需要的，就是弄清楚如何让收音机在午餐时间显示保存的选择

有什么建议吗

---

干杯，

谢谢，ar，我们目前正在使用您描述的下拉列表。但是，它要求用户每次都进行选择，以生成最终结果。这里的目标是最大限度地减少所需的点击次数节省时间，方法是在其中一些字段中设置默认值，大多数时间都会得到相同的选择，同时允许在需要时更改选择。将下拉列表设置为所选的第一个销售人员如何？或者使用其他更合适的标准。我是否应该将第二部分作为一个单独的问题？Thx BalusC，我在这里创建了一个单独的问题：

'<td><input type="checkbox" class="defsales"</td>'+

'<td><input type="radio" name="ds" class="defsales" /></td>'+