Java脚本:当使用css类复选框时，复选框中的onclick事件在ie8中不起作用

Java script : onclick event in check box not working in IE 8 when using css class for checkbox

本文关键字：复选框 onclick 脚本 事件 不起作用 ie8 css Java      更新时间：2023-09-26

我有一个ie8的问题。因为我的代码可以在mozilla、chrome甚至IE 9等主流浏览器上成功运行。但我无法触发的onclick事件的复选框在ie8。我的代码示例是，

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不调用时，把类属性复选框

请指引我。提前感谢.....

您可以尝试这样做:

可以在javascript文件中赋值，而不是在html中调用该方法。例如使用jQuery:

HTML 

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

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

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

好运

我在我的应用程序中遇到了同样的问题。我只是改变了文档类型，它工作了…试试这个

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
相关文章：