Question

我在stackoverflow上遇到过与此类似的问题，但似乎找不到我想要的解决方案，所以我发布了我的问题。
我有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>

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选择器。

复选框在IE8（JQuery）中不起作用

1 个答案: