JavaScript 单选按钮问题

Question

我需要用 5 张图片制作图片库。必须通过不同的单选按钮选择和显示图像。不允许提交按钮。所以到现在为止，我编写了按图像名称输出图像的代码。默认数字是 0=第一个图像。但问题是，当我点击不同的单选按钮时，我的函数没有输出新的数字，也没有使单选选中=“已检查”。

我的功能：

function radiocheck()
{
    for (var i=0; i < 5; i++)
    {
        if (document.forms[1].elements[i].checked=="true")
        {
            var whichISchecked = document.forms[1].elements[i].value;

            for (var z=0; z<i; z++)
            {
                document.forms[1].elements[z].checked="unchecked";
            }
            for (var z=i; z<5; z++)
            {
                document.forms[1].elements[z].checked="unchecked";
            }
        }
        else 
        {   
            document.forms[1].elements[0].checked="checked";
            var whichISchecked = document.forms[1].elements[0].value;
        }
    }
    return whichISchecked;
}

Answer 1

单选按钮应该自己处理检查和取消检查。考虑这段代码（也在http://jsfiddle.net/87wkC/1/）

<form id="f">
<input type="radio" value="1" onclick="getValue(this.value)" name="field1">A<br>
<input type="radio" value="2" onclick="getValue(this.value)" name="field1">B<br>
<input type="radio" value="3" onclick="getValue(this.value)" name="field1">C<br>
<input type="radio" value="4" onclick="getValue(this.value)" name="field1">D<br>
<input type="radio" value="5" onclick="getValue(this.value)" name="field1">E<br>
</form>
<div id="result"></div>
<script>
function getValue(a){
    document.getElementById("result").innerHTML = a
}
</script>

单击一个选项按钮会清除其他按钮（通过为它们提供所有相同的name 来处理）并使其值可用 - 函数在列表下方输出。

Answer 2

将未选中的字符串更改为 false

document.forms[1].elements[z].checked="unchecked";

到

document.forms[1].elements[z].checked=false;

还有

document.forms[1].elements[i].checked=="true"

不应该这样吗

document.forms[1].elements[i].checked===true 

Answer 3

a) 使用 jQuery，事情会容易得多

b) 你应该检查一下

checked == true

而不是

checked == "true"

和

checked = "checked" 

不会做任何事情，它只是一个真/假值