2013-04-04 173 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