不知道哪里有問題，按鈕都沒有反應(yīng)
<!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;
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? ? ?
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? for(var i=0;i<hobby.length;i++)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? hobby[i].checked =false;
? ? ? ? ? ? ? ??
? ? ? ? ? ? }
? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ?function checkone(){
? ? ? ? ? ? chearall();
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ? ? ? for(var i=0;i<j.length;i++){
? ? ? ? ? ? ? ? if(j.charAt(i)>6 || j.charAt(i)<1){
? ? ? ? ? ? ? ? ? ? alert("請輸入1~6之間的整數(shù)")；
? ? ? ? ? ? ? ? ? ? document.getElementById("wb").value="";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? for(var n=0;n<j.length;n++){
? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ?hobby[(j.charAt(n))-1].checked=true;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
2019-11-22
1.中文亂碼問題：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">可改為<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
2.alert警告框結(jié)尾的分號是中文的符號，改為alert("請輸入1~6之間的整數(shù)");
3.checkone()方法中的chearall();改為clearall();
2020-01-20
你這個代碼有個bug，就是你輸入的數(shù)字可以事22222，3333333，或者是3334444555，你應(yīng)該控制一下j.length的值不應(yīng)該大于一，也不要for循環(huán)。
function checkone(){
? ? ? ? ? ? clearall();
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ? ? ? if(j.length>1||j>6||j<1){
? ? ? ? ? ? ? ? alert("請輸入1~6之間的整數(shù)");
? ? ? ? ? ? ? ? ?document.getElementById("wb").value="";
? ? ? ? ? ?
? ? ? ? ? ? }
? ? ? ? ? ? else hobby[j-1].checked=true;
? ? ? ? ?
? ? ? ? ? ? ? ??
? ? ? ? }
2019-11-22
非常感謝！ 問題已經(jīng)解決