2013-04-04 174 views
0

复选框应该被选中,但它不起作用。我很困惑。简单的复选框javascript does not work

<script type="text/javascript"> 

function check() { 
document.getElementById("1").checked = true; 
} 
</script> 

<form> 
<input id="1" type="checkbox" name="please check" value="1">please check<br> 
</form> 
+0

您不能有一个以字母以外的任何字母开头的标识。 – boz 2013-04-04 10:59:03

+0

@boz你可以在HTML5中。 – VisioN 2013-04-04 10:59:46

+4

如何调用'check'功能? – VisioN 2013-04-04 11:00:12

回答

1

我把它称为对窗口的Onload凡调用只是传递函数名

<script type="text/javascript"> 
    window.onload=check; 

    function check() { 
    document.getElementById("1").checked = true; 
    } 
    </script> 

    <form> 
    <input id="1" type="checkbox" name="please check" value="1">please check<br> 
    </form> 
0

以其他方式排序并摆脱该函数,这将确保在脚本运行时复选框存在。

jsFiddle

<form> 
    <input id="1" type="checkbox" name="please check" value="1">please check<br> 
</form> 
<script type="text/javascript"> 
    document.getElementById("1").checked = true; 
</script> 

可选择地把它放在文件就绪(jQuery的)或窗口负载。

jsFiddle

window.addEventListener('load', check); 
function check() { 
    document.getElementById("1").checked = true; 
} 
0

试试这个:

<script type="text/javascript"> 

function check() { 
document.getElementById("check1").checked = true; 
} 

window.onload = check; 
</script> 

<form> 
<input id="check1" type="checkbox" name="please check" value="1">please check<br> 
</form> 

refer this link also