预期 IE7 对象答案

【问题标题】：IE7 object expected预期 IE7 对象
【发布时间】：2012-03-16 05:55:12
【问题描述】：

IE 7 的奇怪行为，所有其他浏览器都可以正常工作！

如果我点击它返回的复选框：预期对象。

有什么想法吗？

代码：

<div class='tile' onclick=checkbox('95991285')>
<label for='95991285'>
<div>
<input style='vertical-align:middle' type='checkbox' name='frnd[]' value='95991285' id='95991285' checked='checked' />
<img style='vertical-align:middle' src='http://s13.postimage.org/je9k86un7/img.jpg'>
<p>full name</p>
</div>
</label>
</div>

【问题讨论】：

它在所有浏览器中都失败了，因为您根本没有称为“复选框”的功能。这不是原生 JavaScript 函数。
您检查了多少个浏览器？ Firefox 说：“未定义复选框”。这工作正常吗？
说真的，你想用这段代码实现什么？也许我们可以提供帮助。也许我们可以建议使用<label>。
向 jsfiddle 添加 javascript 代码：/ 你试过 onclick="checkbox('1000015175634')" 吗？
ID 也不能是数字！

标签： javascript html

【解决方案1】：

您没有定义复选框功能。您正在尝试使用此语句调用函数

checkbox('1000015175634')

但该功能不存在。

还有许多其他小问题，通过验证器运行代码可能会有所帮助......但这是一个大问题。

代码应该是这样的：

<div class="tile" onclick="checkboxAction('a1000015175634')">     
    <input type="checkbox" value="a1000015175634" id="a1000015175634" checked="checked" />     
    <p>name</p>
</div>

<script>
    function checkboxAction(inputBox) {
        // something with inputBox
    }
</script>

这究竟是做什么的？

【讨论】：

左大括号应该总是在JavaScript中包含函数语句的那一行。
@danwellman 为什么？（我并不是说他们不应该......我只是不确定理由是什么。）
@danwellman 没关系...快速搜索很快就找到了答案。 encosia.com/… 现已修复。

【解决方案2】：

我得到了解决方案。我参考了这个帖子：

How do I make a checkbox toggle from clicking on the text label as well?

我的原始代码：

<div class='tile' onclick=checkbox('95991285')>
<label for='95991285'>
<div>
<input style='vertical-align:middle' type='checkbox' name='frnd[]' value='95991285' id='95991285' checked='checked' />
<img style='vertical-align:middle' src='http://s13.postimage.org/je9k86un7/img.jpg'>
<p>full name</p>
</div>
</label>
</div>

我删除了这个：onclick=checkbox('95991285')

我的代码是获取更多资源并将它们连接在一起的结果。它适用于所有浏览器，除了 IE 7 及更低版本，我想了解原因。

我是 javascript 的初学者，我认为 onclick 复选框是本机功能，但事实并非如此。

工作代码：

<div class='tile'>
<label for='95991285'>
<div>
<input style='vertical-align:middle' type='checkbox' name='frnd[]' value='95991285' id='95991285' checked='checked' />
<img style='vertical-align:middle' src='http://s13.postimage.org/je9k86un7/img.jpg'>
<p>full name</p>
</div>
</label>
</div>

【讨论】：