javascript - documentGetElementById 未获取正确的值

Question

我是 JS 的新手，所以我只是想知道。

我目前正在尝试获取游戏中不同角色的列表以及我对他们做了什么等。

出于这个特殊原因，我需要获取一些复选框的值。我用谷歌搜索了很多，现在正在拼命寻求帮助。

<input type='checkbox' id='valor_1' value='0' onclick='javascript:toggle();'>

函数 toggle() 如下所示：

    function toggle()
{
    (this.value==1)?this.value=0:this.value=1;
    alert(this.value);  
}

出于测试原因，我提醒了当前值。如果我现在单击复选框，它的值会发生变化，并且我会在警报窗口中获得正确的返回值。

但！

如果我在这里使用这个按钮：

<input type='button'' value='Valor_1 Value' onclick='javascript:alert(document.getElementById("valor_1").value);'>

我总是会得到返回值 0。这是为什么呢？我能做些什么呢？

Answer 1

单击警报中的按钮会获得值 0，因为您正在传递复选框的值集，即 0。要获得您想要的值，请尝试以下操作：

<input type='button'' value='Valor_1 Value' onclick='javascript:toggle(document.getElementById("valor_1"));'>

function toggle(cb)
{
    (cb.value==1)?cb.value=0:cb.value=1;
    alert(cb.value);  
}