单选按钮的 javascript 和 this.value

Question

我尝试通过javascript获取选中的单选按钮的值。

<input value="3" type="RADIO" name="ME" onclick="go_to_url ( 'OPT3' , this.value );">

但是即使事件是按钮所在的位置，JS 也没有给我任何值？

为什么？如何以不必更改功能的方式获取单击的单选按钮的值？

Answer 1

为您的按钮使用 id 然后您可以使用 document.getElementById 获取您的元素并使用 addEventListener 添加 click 事件。 HTML 中的 on-click 删除。

document.getElementById('btn').addEventListener('click', function() {
    console.log(this.value);
})

<input value="3" id='btn' type="RADIO" name="ME">

Answer 2

document.querySelector('input[type="radio"]').addEventListener('click', function() {
    go_to_url('OPT3' , this.value);
});

Answer 3

这段代码没有问题。看看这个

<input value="3" type="radio" name="ME" onclick="go_to_url( 'OPT3' , this.value );">

function go_to_url(label, value) {
    console.log(label);
    console.log(value);
}

https://jsfiddle.net/f7gkesxo/

单选按钮的 javascript 和 this.value

javascript and this.value of radio button

javascript

radio-button