Question

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

然后我将使用它们来更新textarea或输入字段。

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

我对单行有点工作，但点击/更新单选按钮后，div也会更新。

$(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);
  });
});

jsFiddle

知道我哪里错了吗？

所以当点击第一行的单选按钮A时 - 文本区域应该有100~12~9：00，当点击第二行的单选按钮D时 - 文本区域应该有100~12~9 ：00,100~16~23：03。

Answer 1

尝试：

$(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);
});
});

<强> DEMO

Answer 2

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

jsfiddle

Answer 3

这应该有帮助

$(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 + ",");
});
});

选择父ID和单选按钮的值，插入textarea

3 个答案: