Javascript 从单选按钮动态更新文本

我试图获取输入标签中的文本，以显示单选按钮的状态。除了第一次（onload事件），代码工作正常。加载页面时，将显示第一个警报，但不会显示第二个警报。单击另一个单选按钮（未选中的单选按钮），然后返回到原来的单选按钮，我会看到两个警报。有人能帮我解释一下为什么会发生这种事吗？我相信这是件愚蠢的事。谢谢

<script>
window.onload = autoSelect("rolls");

function autoSelect(theValue)
    { 
        if(theValue=="rolls")
        {
            alert("hello world");
            document.getElementById("theLabel").innerHTML=theValue;
            alert("hello World");
        }
        else
        {
            document.getElementById("theLabel").innerHTML=theValue;
        }
    }

</script>
<div >
<form action="" >
    <input type="radio" id="matRadioRolls" name="rollsOrSqFeet" value="rolls" onclick="autoSelect(this.value)" checked>Rolls<br/>
    <input type="radio" id="matRadioSqFt" name="rollsOrSqFeet" value="sqfeet" onclick="autoSelect(this.value)" >Sq Ft<br/>
</form>

<label class="productsLabel" for=rolls" id="theLabel"></label>
<input type="text" name="rolls" id="rollsMat"></button>
</div>

window.onload=自动选择（“转鼓”）；
函数自动选择（值）
{ 
如果（值=“转鼓”）
{
警报（“你好世界”）；
document.getElementById（“标签”）.innerHTML=值；
警报（“你好世界”）；
}
其他的
{
document.getElementById（“标签”）.innerHTML=值；
}
}
滚动

平方英尺

猜猜看：这取决于你使用的浏览器。浏览器有可能会抑制第二个
警报
（因为您单击了“不再显示”）

一般情况下：使用
console.log
over-alert。使用开发工具。
您实际上是在窗口对象完全加载之前执行函数调用的。您应该将呼叫更改为：

window.onload = function(){autoSelect("rolls");}


哦，还有一个小小的旁注。您在
for=rolls“
（缺少一组引号）中有一个输入错误。
可能是这样的类型：
。在这里似乎可以工作：是的，我当然可以。我没有注意到。非常感谢，现在可以很好地工作了。