<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</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"); var i=0; while(hobby[i]!=null) { hobby[i].checked=true; i++; } // 任务1 } function clearall(){ var hobby = document.getElementsByName("hobby"); var i=0; while(hobby[i]!=null){ hobby[i].checked=false; i++; } // 任务2 } function checkone(){ var j=document.getElementById("wb").value; var jSplit=j.split(""); var i=0; while(jSplit[i]!=null){ hobby[parseInt(jSplit[i])].checked=true; i++; } // 任务3 } </script> </body></html>
1 回答
已采纳
stone310
TA贡献361条经验 获得超191个赞
checkone()里面增加hobby定义
var hobby = document.getElementsByName("hobby");另外这里要parseInt(jSplit[i])-1才能按照1-6进行选择
while(jSplit[i]!=null){
hobby[parseInt(jSplit[i])-1].checked=true;添加回答
举报
0/150
提交
取消