为什么这个简单的 JavaScript 在 FireFox 或 Chrome 中不起作用？答案

【问题标题】：Why doesn't this simple JavaScript work in FireFox or Chrome?为什么这个简单的 JavaScript 在 FireFox 或 Chrome 中不起作用？
【发布时间】：2019-09-19 01:39:53
【问题描述】：

为什么这个简单的代码不能在 Firefox 和 Chrome 中运行，但在 IE 上运行？这个脚本有什么问题？我只是想找到一种方法来获取选中的复选框文本（或标签）并在另一个页面上使用$_post。

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" language="javascript">

function ReadCheckbox()
{
    var temp = '';
    var radio;
    var popupTag ;

    for (var i=1 ; i<5 ; i++) {
        radio = document.getElementById('chk'+i);

        if(radio.checked == true){temp += radio.value}
    }

      document.getElementById('aaaa').value = temp;

}

</script>
</head>
<body>

<label>What is your Site Address ?</label><br/>
<label>NetNic.ir</label><input id="chk1" type="checkbox" value="NetNic.ir" />
<label>SarirWeb.Com</label><input id="chk2" type="checkbox" value="SarirWeb.Com"/>
<label>LearnCD.ir</label><input id="chk3" type="checkbox" value="LearnCD.ir"/> 
<label>AnimLand.ir</label><input id="chk4" type="checkbox" value="AnimLand.ir"/> 
<br />
<br/>
<textarea rows="2" name="aaaa" cols="20"></textarea>
<input type="button" onclick="ReadCheckbox()" value="ثبت" style="height:32px; width:83px;"/>

【问题讨论】：

因为 IE 认为 name 和 id 是一回事，其他浏览器不认为。给 textarea 一个 ID 'aaaa'。

标签： javascript function dom-events

【解决方案1】：

name="aaaa" 不是 id。所以getElementById('aaaa') 不会找到它。

【讨论】：

【解决方案2】：

试试：

<textarea rows="2" name="aaaa" id="aaaa" cols="20"></textarea>

【讨论】：