监听 radio 单选框改变 相对应的 input 文本输入框中的值

js 监听 radio 的变化

var attach = document.getElementById('attach');
    $('.selling_cards').click(function () {
        attach.value = $("input[name='remarks']:checked").val();
})

html 代码：

// 引入了 bootstrap form 表单样式，并且在基于 PHP 后台基础上
<div class="form-group zwd_attach_form">
     <label for="attach" hidden="true">请输入订单备注信息（选填）</label>
     <input type="text" placeholder="订单备注信息（选填）" class="form-control" id="attach" value="">
</div>
{if condition='$remarks neq []'}
<div class="form-group zwd_attach_form remarks" id="remarks">
     <label>快速备注</label>
     {volist name='remarks' id='remark'}
     <input type="radio" name="remarks" value="{$remark.remark}" class="selling_cards">{$remark.remark}
     {/volist}
</div>
{/if}

css

.remarks { text-align: left; }
.remarks label { margin-right: 20px; }
.remarks input[type=radio] { margin-right: 11px;margin-left: 10px; }