【问题标题】:javascript and this.value of radio buttonjavascript和单选按钮的this.value
【发布时间】:2020-08-30 15:05:25
【问题描述】:

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

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

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

为什么? 如何以无需更改功能的方式获取单击的单选按钮的值?

【问题讨论】:

标签: javascript radio-button


【解决方案1】:

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

<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/

【讨论】:

  • 非常感谢。我现在在上面的 div 中找到了错误... onclick there.
【解决方案2】:

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

document.getElementById('btn').addEventListener('click', function() {
    console.log(this.value);
})
&lt;input value="3" id='btn' type="RADIO" name="ME"&gt;

【讨论】:

    【解决方案3】:
    document.querySelector('input[type="radio"]').addEventListener('click', function() {
        go_to_url('OPT3' , this.value);
    });
    

    【讨论】:

    • 请不要只发布代码作为答案,还要解释您的代码的作用以及它如何解决问题的问题。带有解释的答案通常更有帮助,质量更高,更有可能吸引投票。
    • 是的,我知道,但我很着急,想完成我计划给@MarkRotteveel 的答案数量
    猜你喜欢
    • 2012-01-07
    • 2013-09-03
    • 1970-01-01
    • 1970-01-01
    • 2022-12-09
    • 1970-01-01
    • 1970-01-01
    • 2011-11-18
    • 1970-01-01
    相关资源
    最近更新 更多