Javascript 选择单选按钮的父ID和值，插入文本区域

我在一个表中有很多行和列。 当选择单选按钮时，我需要获取它的值及其父元素的id

然后，我将使用这些更新文本区域或输入字段

将有另一个按钮，该按钮将从文本区域获取值并将其同步到数据库

我让它在某种程度上适用于一行，但一旦单击/更新单选按钮，divs也会更新

$(function() {
  $("input:radio").click(function() {
    var selectedId = $(this).parent().parent().attr('id');
    var clicked = [];
    $("input[type=radio]:checked").each(function() {
    clicked.push(selectedId+":"+this.value);
    }); //checked
    $("#an\\.ret\\.sys\\.4\\.").val(clicked);
  });
});

知道我哪里出错了吗

因此，当单击第一行的单选按钮A时——文本区域应为100~12~9:00，当单击第二行的单选按钮D时——文本区域应为100~12~9:00，100~16~23:03。

尝试：

$(function() {
$("input:radio").click(function() {
var clicked = [];
$("input[type=radio]:checked").each(function() {
clicked.push($(this).parent().parent().attr('id')+":"+this.value);
 });
      $("#an\\.ret\\.sys\\.4\\.").val(clicked);
});
});

这应该会有所帮助

$(function() {
$("input:radio").click(function() {
var clicked = [];
$("input[type=radio]:checked").each(function(index,ele) {
    clicked[index] = ($(ele).parent().parent().attr('id')+":"+ $(ele).val());
 }); //checked
      $("#an\\.ret\\.sys\\.4\\.").val(clicked + ",");
});
});

---

这里什么不起作用？我希望保留父div的id。当您单击第一行的单选按钮时，它应填充到文本区域中，当您单击第二、第三等行单选按钮时，它应添加到文本区域中。希望我说的有道理。检查我的答案。希望对你有帮助。谢谢你，阿米特。它起作用了。完美的最后一个值以逗号结尾的可能性。像这样100~12~9:02100~16~23:02101~13~5:03，而不是100~12~9:02100~16~23:02101~13~5:03嗨！阿米特，我们丢失了单选按钮的值。我们得到的是100~12~9100~16~23101~13~5，而不是100~12~9:02100~16~23:02101~13~5:03，非常感谢。非常感谢。@19我已经更改了

str+=selectedId+”：“+this.value+”让我们嗨！谢谢你，这很有效。最后一个值以逗号结尾的可能性。像这样100~12~9:02100~16~23:02101~13~5:03，而不是100~12~9:02100~16~23:02101~13~5:03完善了它。。但永远不会迟到：）谢谢你，费兹。你的稍有不同，但很有效。我在想也许我应该用地图来代替…我有两个想法1。内存您可以删除each函数并将clicked[]作为全局数组。但这是以全局内存为代价的。。2.cpu周期如果您注意到，上述解决方案需要更多的cpu周期，因为它必须迭代everytime复选框以查看是否选中此复选框（假设您有100个），那么您可能会开始面临性能问题
$(function() {
$("input:radio").click(function() {
var clicked = [];
$("input[type=radio]:checked").each(function(index,ele) {
    clicked[index] = ($(ele).parent().parent().attr('id')+":"+ $(ele).val());
 }); //checked
      $("#an\\.ret\\.sys\\.4\\.").val(clicked + ",");
});
});