為什么同樣的代碼放到本機就不起作用?
<!DOCTYPE HTML>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
? ? ? ? <title>無標(biāo)題文檔</title>
? ? </head>
? ? <body>
? ? ? ? <form>
? ? ? ? ? 請選擇你愛好:<br>
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby1"> ?音樂
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby2"> ?登山
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby3"> ?游泳
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby4"> ?閱讀
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby5"> ?打球
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby6"> ?跑步 <br>
? ? ? ? ? <input type="button" value = "全選" onclick = "checkall();">
? ? ? ? ? <input type="button" value = "全不選" onclick = "clearall();">
? ? ? ? ? <p>請輸入您要選擇愛好的序號,序號為1-6:</p>
? ? ? ? ? <input id="wb" name="wb" type="text" >
? ? ? ? ? <input name="ok" type="button" value="確定" onclick = "checkone();">
? ? ? ? </form>
? ? ? ? <script type="text/javascript">
? ? ? ? function checkall(){
? ? ? ? ? var text=document.getElementsByTagName("input");
? ? ? ? ? for(var i=0;i<text.length;i++){
? ? ? ? ? ? ? if(text[i].type="checkbox") {
? ? ? ? ? ? ? ? ? text[i].checked="checked";}
? ? ? ? ? } ? ??
? ? ? ? ? // 任務(wù)1?
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var mychar=document.getElementsByTagName("input");
? ? ? ? ? ? for(var j=0;j<mychar.length;j++){
? ? ? ? ? ? ? ? if(mychar[j].type="checkbox"){
? ? ? ? ? ? ? ? ? ? mychar[j].checked="";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? } ?
? ? ? ? ?// 任務(wù)2 ??
? ? ? ? }
? ? ? ? function checkone(){
? ? ? ? var hhy=document.getElementById("wb").value;
? ? ? ? var abc=document.getElementsByName("hobby");
? ? ? ? if(hhy>0&hhy<7){
? ? ? ? ? ? abc[hhy].checked="checked";
? ? ? ? }
? ? ? ? }
? ? ? ??
? ? ? ? ?// 任務(wù)3
? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
2015-07-13
<!DOCTYPE HTML>
<html>
??? <head>
??????? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
??????? <title>無標(biāo)題文檔</title>
??? </head>
?? ?
??? <body>
??????? <form>
????????? 請選擇你愛好:<br>
????????? <input type="checkbox" name="hobby" id="hobby1">? 音樂
????????? <input type="checkbox" name="hobby" id="hobby2">? 登山
????????? <input type="checkbox" name="hobby" id="hobby3">? 游泳
????????? <input type="checkbox" name="hobby" id="hobby4">? 閱讀
????????? <input type="checkbox" name="hobby" id="hobby5">? 打球
????????? <input type="checkbox" name="hobby" id="hobby6">? 跑步 <br>
????????? <input type="button" value = "全選" onclick = "checkall();">
????????? <input type="button" value = "全不選" onclick = "clearall();">
????????? <p>請輸入您要選擇愛好的序號,序號為1-6:</p>
????????? <input id="wb" name="wb" type="text" >
????????? <input name="ok" type="button" value="確定" onclick = "checkone();">
??????? </form>
??????? <script type="text/javascript">
??????? function checkall(){
??????????? var hobby = document.getElementsByTagName("input");
??????????? for(var i=0; i<hobby.length; i++){
??????????????? hobby[i].checked = true;
??????????? }
????????? // 任務(wù)1
????????? ?
??????? }
??????? function clearall(){
??????????? var hobby = document.getElementsByName("hobby");
??????????? for(var i=0; i<hobby.length; i++){
?????????????? hobby[i].checked = false;
?????????? }
???????? // 任務(wù)2?? ?
?????????? ?
??????? }
?????? ?
??????? function checkone(){
??????????? var j=document.getElementById("wb").value;
??????????? var h=document.getElementById('hobby'+j)
??????????? h.checked=true;
???????? // 任務(wù)3
?????? ?
??????? }
?????? ?
??????? </script>
??? </body>
</html>
2015-07-13