OnChange不适用于单选按钮

Question

我不知道为什么在切换单选按钮时不会触发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>

Answer 1

你必须给radiobuttons一个相同的名字 像name =“drawing-shape”

之类的东西