PHP/JavaScript 检查/取消检查在 FF 中工作但在 IE 中不工作

Question

我遇到了一个似乎无法在不同浏览器上工作的简单功能。

我需要有一个复选框(主复选框)，具有选中/取消选中其他复选框(子复选框)的功能。单击主复选框时，它自己的状态必须转移到其他复选框的列表中。例如:如果主复选框未选中并被单击(因此被选中)，则所有子复选框也应被选中。

下面的代码在 Firefox 13.0.1 中运行良好，但在 Internet Explorer 9 中运行不佳。

以下所有代码都在同一个文件中:

JavaScript

<script type="text/javascript">
    function toggle(source) {   
        checkboxes = document.getElementsByName('cb[]');
        for each(var checkbox in checkboxes)
            checkbox.checked = checkbox.checked == true ? false : true;
    }
</script>

点击选中和取消选中的复选框

<td width="3%"><input name="cb_all" type="checkbox" id="cb_all" onClick="toggle(this)"></td>

一行

<td><input name="cb[]" type="checkbox" value="<?php echo $user->id;?>" id="cb[]"></td>

我相信解决方案应该是一个简单的解决方案，但经过半天的搜索后，如果能得到一些帮助会非常好。你能帮我解决这个问题吗？

Answer 1

这是因为 Internet Explorer 没有名为 getElementsByName 的方法。解决方法是使用 getElementsByTagName 并检查每一个，您可以在 http://webbugtrack.blogspot.com/2007/08/bug-411-getelementsbyname-doesnt-work.html 获得更多信息。