JavaScript 不比较传递的参数值

Question

我有以下 html -

<input type="Radio" name="radio2text" value="Radiobutton1" 
onclick="javascript:radioWithText('one')" checked="checked" />OneRadio<br/>
<input type="Radio" name="radio2text" value="Radiobutton2" 
onclick="javascript:radioWithText('two')" unchecked />TwoRadio
<br/>
<input type="Radio" name="radio2text" value="Radiobutton2" 
onclick="javascript:radioWithText('three')" unchecked />ThreeRadio
<br/>
<input type="Radio" name="radio2text" value="Radiobutton2" 
onclick="javascript:radioWithText('four')" unchecked />FourRadio

还有这个

<span id="one" name="one" width="5px" style="background-color:#fff;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span id="two" name="one" width="5px" style="background-color:#fff;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span id="three" name="one" width="5px" style="background-color:#fff;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span id="four" name="one" width="5px" style="background-color:#fff;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

这会在我的绿色背景色上生成一个 4 宽的白色小方 block 。显示了这四个方 block ，当选择特定的单选按钮时，我想将它们的偏离路线背景颜色更改为红色。对于那个震动，我通过 javascript javascript:radioWithText('one') 传递了一个参数。如您所见，该函数传递了一个参数 ok!接下来是用我调用的函数做 javascript。

function radioWithText(d) {
    alert(d);
    if (d.val=='one')
    {
        var one = document.getElementById('one');
        //one.checked = true;
        one.style.background="red";
    }
}

您可能会看到，当单选按钮被选中时，它会提醒传递的值(被选中的按钮)。在警报中它显示 "one" "two" "three" "four" 而相同的值是当放置第一个单选按钮时通过 "one" 比较时它不比较可能是什么原因？帮帮我!
真是个愚蠢的错误提前致谢

Answer 1

首先从内联事件中删除 javascript::

<input type="Radio" name="radio2text" value="Radiobutton1" 
onclick="radioWithText('one')" checked="checked" />OneRadio<br/>
<input type="Radio" name="radio2text" value="Radiobutton2" 
onclick="radioWithText('two')" unchecked />TwoRadio
<br/>
<input type="Radio" name="radio2text" value="Radiobutton2" 
onclick="radioWithText('three')" unchecked />ThreeRadio
<br/>
<input type="Radio" name="radio2text" value="Radiobutton2" 
onclick="radioWithText('four')" unchecked />FourRadio

其次，您将一个字符串传递给您的函数，因此没有 .val 属性。删除:

function radioWithText(d) {
    alert(d);
    if (d == 'one')
    {
        var one = document.getElementById('one');
        //one.checked = true;
        one.style.background="red";
    }
}