javascript - JavaScript : onclick event in check box not working in IE 8 when using css class for checkbox

Question

我在 IE 8 上遇到问题，因为我的代码可以在 mozila、chrome 甚至 IE 9 等主要浏览器上成功运行。但我无法在 IE 8 中触发复选框的 onclick 事件。我的代码示例是，

function checkboxcheck(index){
    alert('select');

}

这里我通过替换复选框来使用不同的图像。我的 Html 代码是，

<input type='checkbox' class='rating'  id="sample"    onclick='checkboxcheck(parameters)'  />
                    <label for="sample"></label>

CSS:

.rating {
    display:none;
}
input[type="checkbox"] + label {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image:url('../images/white_small.png') ;
}

input[type="checkbox"] + label:hover {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image:url('../images/golden_small.png') ;

}

input[type=checkbox]:checked + label {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image:url('../images/golden_small.png') ;
}

我的问题是当我单击其他图像形式的复选框时，未触发 checkboxcheck(index) 函数。

如果我删除 class 属性，则会触发 onclick 函数
我不知道为什么在为复选框添加类属性时不调用 onclick

请指导我。提前致谢......

Answer 1

你可以尝试这样的事情:

您可以在 javascript 文件中分配它，而不是在 html 中调用该方法。例如使用 jQuery:

HTML

<input type='checkbox'  id="sample"   class="myclass"  />
<label for="sample"></label>

jQuery

$('.myclass').click(checkboxcheck(parameters));

我不知道这段代码是否解决了您的问题，但也许可以

祝你好运