Question

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

如果单击该复选框，则返回：object expected。

任何想法为什么？

代码：

<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>

Answer 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>

究竟应该做什么？

Answer 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>

预计IE7对象

2 个答案: