OnChange 不适用于单选按钮 [重复]

Posted 2023-05-08

【中文标题】OnChange 不适用于单选按钮 [重复]

【英文标题】：OnChange does not work on radio buttons [duplicate]

【发布时间】：2017-12-18 11:16:47

【问题描述】：

不知道为什么我切换单选按钮后onchange函数没有触发。

如果我第一次单击每个收音机，我只会收到控制台消息，但在切换收音机后我没有控制台输出。

var drawingArrow = document.getElementById('drawing-arrow-shape'),
    drawingCircle = document.getElementById('drawing-circle-shape'),

drawingCircle.onchange = function() 
    console.log("on change circle btn");
;

drawingArrow.onchange = function() 
    console.log("on change arrow btn");
;

    <label class="btn btn-default btn-lg">
        <input type="radio" name="drawing-arrow-shape" id="drawing-arrow-shape">
        <i class="glyphicon glyphicon-arrow-right"></i>
    </label>
    <label class="btn btn-default btn-lg">
        <input type="radio" name="drawing-circle-shape" id="drawing-circle-shape">
        <i class="glyphicon glyphicon-record"></i>
    </label>

【问题讨论】：

因为您不能切换两个单独的单选按钮。我猜你想让按钮在关系中切换？ Like：点击左边的，那么右边的不应该被标记，反之亦然？

【参考方案1】：

您必须为单选按钮指定相同的名称 类似于 name="drawing-shape"