javascript - 在单选按钮上显示文本区域并将其值存储在数组中

Question

继之前的帮助之后，我陷入了这个问题，希望这是最后一个问题。

我有这一行单选按钮，单击每个按钮都会获取其父 div 的 id(行 id)及其值，并将其放入文本区域，例如 14001290~01~01:CD2, 15489587~03~01:CM (之前的任何内容:是行 id，之后是单选的值)

还有悬停显示/隐藏，以及计算选中的单选按钮的数量。

以上部分已完成(需要稍作更改，而不是逗号 | 需要作为分隔符)。现在需要做的是——当选中“缺少单选按钮”时，会显示一个文本区域，并且需要将其中输入的文本添加到行 ID 和单选按钮值中。

当前输出
47596528~02~03:CM,78965822~01~02:CD1
现在需要输出例如:

必填
14001290~01~01:CD2:地址缺失|15489587~03~01:CM:付款缺失|78965822~01~02:CD1:证书缺失。

(逗号需要替换为|)

FULL CODE HERE

$("input:radio").click(function () {
    $(this).parent().parent().find('.r-title, .m-notes').hide();
    var totalRd = $('table').find(':not(.pend) > input:radio:checked').length;
    var clicked =[];
    $("#totalRd .rd-count").html(totalRd);
    $(this).siblings('.r-title, .m-notes').show(); 
    $('table').find(":not(.pend) >input[type=radio]:checked").each(function() {
        var selectedId = $(this).parent().parent().attr('id'); //gets the row id
        clicked.push(selectedId+":"+this.value); //adds the row id and value of radio
        $(".m-notes").keyup(function(){
            var mNotes = $(this).val();
            $('#output').text(mNotes);
        });
    }); //checked
    $("#inputhere").val(clicked);
});

任何新方法都非常受欢迎。

****更新***< em>*

尝试了很多方法，但没有成功。大师可以在这里帮助我或为我指明方向吗？我不介意完全重写代码。

Answer 1

这是您需要的吗？在这里，我已禁用单选按钮单击或更改时的输入，但您可以根据您的要求进行修改。

HTML:

<input type="radio" id="r1" value="1" name="someRadioGroup" checked="true"/>R1
<input type="text" id="r1edit" value="Enter your name"/><br/> 
<input type="radio" id="r2" value="2" name="someRadioGroup"/> R2<br/>
<input type="radio" id="r3" value="3" name="someRadioGroup"/> R3<br/>
<textarea id="log" style="width: 400px;" value=""></textarea>

js:

$(document).ready(function () {
    $("input[name=someRadioGroup]:radio").change(function () {
        if ($("#r1").attr("checked")) {
            $('#r1edit:input').removeAttr('disabled');
        }
        else {
            $('#r1edit:input').attr('disabled', 'disabled');
        }
        $('#log').val($('#log').val()+ $(this).val() + '|');
    })
});