JavaScript 不适用于所有浏览器

Question

我找遍了所有地方并尝试了所有类型的脚本，但我一直遇到同样的问题。

我正在尝试禁用或隐藏提交按钮，直到复选框被选中。

我遇到的问题是，除非我打开了兼容性，否则在 IE10 中什么都不能工作，而且它们在大多数时间都不能在 FF 20.0.1 中工作。

这是我到目前为止尝试过的方法。

---

    <input type="checkbox" name="agree" value="yes" onclick="agreed.disabled = !this.checked" />Do you Agree? &nbsp;
    <input type="submit" name="agreed" id="agreed" value="{L_AGREE}" class="button1" disabled="disabled" />

---

<script type="text/javascript">
function checkSubmit(ele, id) {
    x = document.getElementById(id);
    if (ele.checked == true) x.disabled = false;
    else x.disabled = true;
}
</script>

<input type="checkbox" name="myCheck" onclick="checkSubmit(this, 'agreed')" value="y" />Do you Agree? &nbsp;
<input type="submit" name="agreed" id="agreed" value="{L_AGREE}" class="button1" disabled="disabled" />

---

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$("#terms").click(function() {
    if ($(this).is(':checked')) {
        $('#agreed').removeAttr('disabled');
    } else {
        $('#agreed').attr('disabled', 'disabled');
    }
});

});//]]>  

</script>

            <input type="checkbox" class="required" id="terms"/>Do you Agree? &nbsp;
            <input type="submit" name="agreed" id="agreed" value="{L_AGREE}" class="button1" disabled="disabled" />

---

我已经尝试了许多其他方法来做到这一点，但仍然遇到 IE10 或 FF 的问题。

我需要帮助让某些东西在所有浏览器中工作。

Answer 1

第一个示例更可能适用于某些浏览器而不是其他浏览器，具体取决于它们是通过 ID 将元素放在 window 还是 document 对象上。

要修复它，请使用 document.getElementById()。

<input type="checkbox" name="agree" value="yes" onclick="document.getElementById('agreed').disabled = !this.checked" />Do you Agree? &nbsp;
<input type="submit" name="agreed" id="agreed" value="{L_AGREE}" class="button1" disabled="disabled" />

---

第二个应该在任何浏览器中工作，只要该函数是全局的，尽管您可以缩短它。

function checkSubmit(ele, id) {
    document.getElementById(id).disabled = !ele.checked;
}