通过单选按钮复制当前地址到永久地址时点击事件失效如何解决

问题原因 #

你代码的核心问题是jQuery val() 方法的赋值语法错误，同时存在冗余的无效事件绑定：

• val() 方法不传参数时是读取输入框的值，属于只读操作，不能直接用等号给它赋值
• 单选按钮上内联的 onclick="function()" 是无效空函数，可能和jQuery绑定的点击事件冲突

修正代码 #

1. 修正后的JS代码

$(function() {
  $('input[type="radio"][name="perm_address"]').click(function() {
    // 选中时复制当前地址到永久地址，未选中可清空（按需调整逻辑）
    if($(this).is(':checked')) {
      $('#permanent_add').val($('#current-address').val());
    } else {
      $('#permanent_add').val('');
    }
  });
});

2. HTML修改点

删掉单选按钮上的无效onclick属性即可：

<input type="radio" id="html" name="perm_address" value="HTML">

补充说明 #

如果后续你给perm_address单选组新增了其他选项（比如“手动填写永久地址”），上面的逻辑也可以自动适配，选中“同当前地址”时自动填充，切换到其他选项时自动清空永久地址输入框。

内容的提问来源于stack exchange，提问作者aniket sinha