2016年5月6日 星期五

選擇

http://www.kangting.tw/2012/07/htmljavascriptcss.html

<!DOCTYPE html >
<html >
<head>
    <title>加法運算器</title>
</head>
<body>
    <input type="text" />+<input type="text" />
    <button></button>
    <output ></output>
</body>
</html>

貼在</head>下面

<script>
function add() {
            var a = parseInt(document.getElementById('a').value);
            var b= parseInt(document.getElementById('b').value);
            document.getElementById('result').value = a+b ;
            }
</script>


<body>下面改
<input id="a"  type="text" />+<input id="b"  type="text" />
    <button onclick="add()">=</button>
    <output id="result" ></output>




<!DOCTYPE html >
<html >
<head>
    <title>
Form
</title>
    <script>
        function check1() {
            var radio1=document.getElementsByName("v1");
   for(var i=0;i<radio1.length;i++)
   {
         if(radio1.item(i).checked==true)
             {
     flag1=1;
     alert(radio1.item(i).value);
                  break;
       }
   }
}
    </script>
</head>
<body>
<form action="post.php" method="post"  name="add" enctype="multipart/form-data" onSubmit="return check();" >
<h1>1、ssss?</h1>
<input name="v1" type="radio" value="300年">300年             
<input name="v1" type="radio" value="400年">400年               
<input name="v1" type="radio" value="1000年">1000年
<input type="button" value="submit" onclick="check1()"/>
</form>
</body>
</html>


<script>
        function check() {
            var radio1=document.getElementsByName("v1");
            var radio2=document.getElementsByName("v2");
   for(var i=0;i<radio1.length;i++)
   {
         if(radio1.item(i).checked==true)
             {
     flag1=1+i;
     //alert(radio1.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio2.length;i++)
   {
         if(radio2.item(i).checked==true)
             {
     flag2=1+i;
     //alert(radio2.item(i).value);
                  break;
       }
   }
document.write(flag1,flag2);
}
    </script>
</head>
<body>
<form action="post.php" method="post"  name="add" enctype="multipart/form-data" onSubmit="return check();" >
<h1>1、ssss?</h1>
<input name="v1" type="radio" value="300年">300年             
<input name="v1" type="radio" value="400年">400年               
<input name="v1" type="radio" value="1000年">1000年

<h1>2、ssss?</h1>
<input name="v2" type="radio" value="300年">300年             
<input name="v2" type="radio" value="400年">400年               
<input name="v2" type="radio" value="1000年">1000年
<input type="button" value="submit" onclick="check()"/>
</form>
</body>
</html>


<!DOCTYPE html >
<html >
<head>
    <title>
Form
</title>
    <script>
        function check() {
            var radio1=document.getElementsByName("v1");
            var radio2=document.getElementsByName("v2");
            var radio3=document.getElementsByName("v3");
            var radio4=document.getElementsByName("v4");
            var radio5=document.getElementsByName("v5");
            var radio6=document.getElementsByName("v6");
            var radio7=document.getElementsByName("v7");
            var radio8=document.getElementsByName("v8");
            var radio9=document.getElementsByName("v9");
            var radio10=document.getElementsByName("v10");
   for(var i=0;i<radio1.length;i++)
   {
         if(radio1.item(i).checked==true)
             {
     flag1=1+i;
     //alert(radio1.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio2.length;i++)
   {
         if(radio2.item(i).checked==true)
             {
     flag2=1+i;
     //alert(radio2.item(i).value);
                  break;
       }
   }
  for(var i=0;i<radio3.length;i++)
   {
         if(radio3.item(i).checked==true)
             {
     flag3=1+i;
     //alert(radio1.item(i).value);
                  break;
       }
   }
  for(var i=0;i<radio4.length;i++)
   {
         if(radio4.item(i).checked==true)
             {
     flag4=1+i;
     //alert(radio1.item(i).value);
                  break;
       }
   }
  for(var i=0;i<radio5.length;i++)
   {
         if(radio5.item(i).checked==true)
             {
     flag5=1+i;
     //alert(radio5.item(i).value);
                  break;
       }
   }
  for(var i=0;i<radio6.length;i++)
   {
         if(radio6.item(i).checked==true)
             {
     flag6=1+i;
     //alert(radio6.item(i).value);
                  break;
       }
   }
  for(var i=0;i<radio7.length;i++)
   {
         if(radio7.item(i).checked==true)
             {
     flag7=1+i;
     //alert(radio7.item(i).value);
                  break;
       }
   }
  for(var i=0;i<radio8.length;i++)
   {
         if(radio8.item(i).checked==true)
             {
     flag8=1+i;
     //alert(radio8.item(i).value);
                  break;
       }
   }
  for(var i=0;i<radio9.length;i++)
   {
         if(radio9.item(i).checked==true)
             {
     flag9=1+i;
     //alert(radio9.item(i).value);
                  break;
       }
   }
  for(var i=0;i<radio10.length;i++)
   {
         if(radio10.item(i).checked==true)
             {
     flag10=1+i;
     //alert(radio10.item(i).value);
                  break;
       }
   }
document.write(flag1,flag2,flag3,flag4,flag5,flag6,flag7,flag8,flag9,flag10);
document.write("<br>");
document.write(flag1+flag2+flag3+flag4+flag5+flag6+flag7+flag8+flag9+flag10);
}
    </script>
</head>
<body>
<form action="post.php" method="post"  name="add" enctype="multipart/form-data" onSubmit="return check();" >
<h1>1、ssss?</h1>
<input name="v1" type="radio" value="300年">300年             
<input name="v1" type="radio" value="400年">400年               
<input name="v1" type="radio" value="1000年">1000年

<h1>2、ssss?</h1>
<input name="v2" type="radio" value="300年">300年             
<input name="v2" type="radio" value="400年">400年               
<input name="v2" type="radio" value="1000年">1000年

<h1>3、ssss?</h1>
<input name="v3" type="radio" value="300年">300年             
<input name="v3" type="radio" value="400年">400年               
<input name="v3" type="radio" value="1000年">1000年

<h1>4、ssss?</h1>
<input name="v4" type="radio" value="300年">300年             
<input name="v4" type="radio" value="400年">400年               
<input name="v4" type="radio" value="1000年">1000年

<h1>5、ssss?</h1>
<input name="v5" type="radio" value="300年">300年             
<input name="v5" type="radio" value="400年">400年               
<input name="v5" type="radio" value="1000年">1000年

<h1>6、ssss?</h1>
<input name="v6" type="radio" value="300年">300年             
<input name="v6" type="radio" value="400年">400年               
<input name="v6" type="radio" value="1000年">1000年

<h1>7、ssss?</h1>
<input name="v7" type="radio" value="300年">300年             
<input name="v7" type="radio" value="400年">400年               
<input name="v7" type="radio" value="1000年">1000年

<h1>8、ssss?</h1>
<input name="v8" type="radio" value="300年">300年             
<input name="v8" type="radio" value="400年">400年               
<input name="v8" type="radio" value="1000年">1000年

<h1>9、ssss?</h1>
<input name="v9" type="radio" value="300年">300年             
<input name="v9" type="radio" value="400年">400年               
<input name="v9" type="radio" value="1000年">1000年

<h1>10、ssss?</h1>
<input name="v10" type="radio" value="300年">300年             
<input name="v10" type="radio" value="400年">400年               
<input name="v10" type="radio" value="1000年">1000年
<input type="button" value="submit" onclick="check()"/>
</form>
</body>
</html>



沒有留言:

張貼留言