Javascript不能在所有浏览器中工作

javascript not working in all browsers

本文关键字:浏览器 工作 不能 Javascript      更新时间:2023-09-26

我看遍了所有的地方,并尝试了各种脚本,但我一直遇到同样的问题。

我试图禁用或隐藏提交按钮,直到复选框被选中。

我遇到的问题是,除非我打开兼容性,否则在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的问题。

我需要的是帮助得到一些工作在所有的浏览器

第一个例子更可能在某些浏览器上工作,而不是其他浏览器,这取决于它们是通过它们的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;
}
相关文章: