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

Question

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

但这是 IE8 中的一个问题，问题是:
1) 用户能够选中复选框，但继续按钮不起作用!
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>

button:disabled 的 CSS

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 不是类名的一部分，它是具有 disabled 属性的元素的 CSS 选择器。