ColdFusion/JS单选按钮选中新选项时原选项未取消问题排查

• 最核心故障点：单选按钮的style属性引号不配对，属性以单引号'开头，末尾z-index:2后错误使用双引号"收尾，浏览器解析DOM时会将后续name属性前的单引号识别为style的闭合标记，导致name="selchoice"属性完全失效。同名单选按钮的原生互斥逻辑依赖相同name属性识别分组，name失效后所有单选按钮各自独立，因此可以同时被选中，不会自动取消上一个选中项。
• 第二处故障：ColdFusion循环内单选按钮的id属性未绑定循环变量，所有按钮id均为固定字符串top_k，而非预期的top_1/top_2格式，全局重复id违反HTML规范，getElementById无法正确定位对应元素，后续手动修改选中状态的代码会因为找不到目标节点抛出JS错误，导致按钮点击事件异常，已选中按钮二次点击无响应。
• 第三处代码错误：topsplit函数中给checked属性赋值时使用了字符串'false'，JavaScript中非空字符串属于真值，等价于设置checked = true，即使定位到元素也无法实现取消选中的效果，反而会干扰原生选中状态。且同组单选按钮自带互斥逻辑，手动修改checked状态属于冗余逻辑，本身就不需要存在。

1. 修正style属性的引号配对问题，删除z-index后多余的双引号，统一使用单引号包裹style属性值，确保name属性能被浏览器正确解析，恢复单选按钮原生分组互斥能力。
2. 给id属性的循环变量k加上ColdFusion变量输出标记#，写为id='top_#k#'，保证每个单选按钮id全局唯一，DOM定位正常。
3. 删除topsplit函数中最后两行手动设置checked为false的错误冗余代码，避免JS报错和对原生选中逻辑的干扰。

修复后的代码如下：

循环生成单选按钮代码（ColdFusion） #

<cfloop from = '1' to = '#qxrefcnt#' index = 'k'>  
       <cfset selval = valls[k]>        
       <input type   = 'radio'
             class   = 'moxradio round'
             style   = 'width:15px; height:15px; font-size:12px;
                        position:absolute; z-index:2;'
             name    = 'selchoice' 
             id      = 'top_#k#'                 
             onclick = "topsplit('#k#','#selval#')"> 
               <a style = 'padding-left: 50px'> #displs[k]#</a><br>
</cfloop>

选中事件函数topsplit #

function topsplit(k,valls) {
   var val = valls.split("~");   
    for (j = 0; j< val.length; j++) {
        m = j+1;
        colid = 'x_'+ m; 
        // 给表单字段赋值
        document.getElementById(colid).value = val[j];
    }
    document.getElementById('sel').style.display = 'none';
}

补充：现有toggscr函数功能正常，无需修改。修复后单选按钮会自动保持同组互斥，选中新选项时旧选项自动取消选中，点击事件也不会再抛出JS错误，二次点击可正常响应。

内容的提问来源于stack exchange，提问作者Betty Mock