复选框在 IE8 中不起作用 (JQuery)

Question

我在 Whosebug 上遇到过类似的问题，但似乎找不到我想要的解决方案，所以我发布了我的问题。
我有 2 个复选框（在条款和条件页面中），除非用户选中（同意）两个复选框，否则 continue 按钮将不会启用！这在 chrome 和 IE 9 及更高版本中工作正常。

但这是 IE8 中的问题，问题是：
1) 用户 ABLE 可以勾选复选框，但是 continue 按钮不起作用！
2) 当光标悬停在 continue 按钮上时，它变为文本输入光标！这一切都很奇怪。

下面是我的 html 复选框。

<label for="f_agree2" class="approval"><input type="checkbox" id="f_agree2" value="1" onclick="checkedFunc('f_agree', 'f_agree2')" name="@parqForm("safety").name" /> I have read the above information making me aware of my requirements to:

<label for="f_agree" class="approval"><input type="checkbox" id="f_agree" value="1" onclick="checkedFunc('f_agree', 'f_agree2')" name="@parqForm("parq").name" /> I have read, understood and completed the PAR-Q, answering NO to all of the questions.</label>

下面是我的jquery:

function checkedFunc(element1Id, element2Id) {

var myLayer = document.getElementById('acceptbtn');
var element1 = document.getElementById(element1Id);
var element2 = document.getElementById(element2Id);

if (element1.checked === true && element2.checked === true) {
    myLayer.class = "submit"; // displaying error in here
    myLayer.removeAttribute("disabled"); 
} else {
    myLayer.class = "button:disabled";
    myLayer.setAttribute("disabled","disabled");
};
}

错误如下：

Object expected
Code: 0
URL : //Url of the page

更新

Continue 按钮 html:

<div class="options">
    <button type="submit" disabled="disabled" id="acceptbtn"   class="parqSubmit-grey">Continue</button>
</div>

CSS 对于 button:disabled

input.submit:disabled, button.submit:disabled, input.button:disabled, button:disabled, a.button:disabled {
background: #A5A5A5;
color: #D5D5D5;
text-shadow: none;
border-color: #888;
}

Answer 1

试试这个：

if (element1.checked === true && element2.checked === true) {
    myLayer.className = "submit";
    myLayer.removeAttribute("disabled"); 
} else {
    myLayer.className = "parqsubmit-Grey";
    myLayer.setAttribute("disabled","disabled");
};

:disabled 不是 class 名称的一部分，它是具有 disabled 属性的元素的 CSS 选择器。

复选框在 IE8 中不起作用 (JQuery)

check boxes not working in IE8 (JQuery)

html

css

checkbox

jquery

internet-explorer-8