2016年6月2日 星期四

script

<!DOCTYPE html >
<html >
<head>
    <title>加法運算器</title>
    <script>
        function add() {
            var a = parseInt(document.getElementById('a').value);
            var b = parseInt(document.getElementById('b').value);
            document.getElementById('result').value =  a+b ;
        }
    </script>
</head>
<body>
    <input id="a" type="text" />+<input id="b" type="text" />
    <button onclick="add()" >=</button>
    <output id="result"></output>
</body>
</html>


<!DOCTYPE html ><html >
<head>
    <title>
    Form
    </title>
<script>
function check1() {
 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=i+1;
       alert(radio1.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio2.length;i++){
     if(radio2.item(i).checked==true)        {
       flag2=i+1;
     
       alert(radio2.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio3.length;i++){
     if(radio3.item(i).checked==true)        {
       flag3=i+1;
       alert(radio3.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio4.length;i++){
     if(radio4.item(i).checked==true)        {
       flag4=i+1;
       alert(radio4.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio5.length;i++){
     if(radio5.item(i).checked==true)        {
       flag5=i+1;
       alert(radio5.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio6.length;i++){
     if(radio6.item(i).checked==true)        {
       flag6=i+1;
       alert(radio6.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio7.length;i++){
     if(radio7.item(i).checked==true)        {
       flag7=i+1;
       alert(radio7.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio8.length;i++){
     if(radio8.item(i).checked==true)        {
       flag8=i+1;
       alert(radio8.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio9.length;i++){
     if(radio9.item(i).checked==true)        {
       flag9=i+1;
       alert(radio9.item(i).value);
                  break;
       }
   }
 for(var i=0;i<radio10.length;i++){
     if(radio10.item(i).checked==true)        {
       flag10=i+1;
       alert(radio10.item(i).value);
                  break;
       }
   }
document.write(flag1,flag2,flag3,flag4,flag5,flag6,flag7,flag8,flag9,flag10,"<br>");
document.write(flag1+flag2+flag3+flag4+flag5+flag6+flag7+flag8+flag9+flag10,"<br>");
}
</script>
</head>
<body>
  <h1>1、ssss?</h1>
<input name="v1" type="radio" value="1.1">300年             
<input name="v1" type="radio" value="1.2">400年               
<input name="v1" type="radio" value="1.3">1000年
<h1>1、ssss?</h1>
<input name="v2" type="radio" value="2.1">300年             
<input name="v2" type="radio" value="2.2">400年               
<input name="v2" type="radio" value="2.3">1000年
<h1>1、ssss?</h1>
<input name="v3" type="radio" value="1.1">300年             
<input name="v3" type="radio" value="1.2">400年               
<input name="v3" type="radio" value="1.3">1000年
<h1>1、ssss?</h1>
<input name="v4" type="radio" value="1.1">300年             
<input name="v4" type="radio" value="1.2">400年               
<input name="v4" type="radio" value="1.3">1000年
<h1>1、ssss?</h1>
<input name="v5" type="radio" value="1.1">300年             
<input name="v5" type="radio" value="1.2">400年               
<input name="v5" type="radio" value="1.3">1000年
<h1>1、ssss?</h1>
<input name="v6" type="radio" value="1.1">300年             
<input name="v6" type="radio" value="1.2">400年               
<input name="v6" type="radio" value="1.3">1000年
<h1>1、ssss?</h1>
<input name="v7" type="radio" value="1.1">300年             
<input name="v7" type="radio" value="1.2">400年               
<input name="v7" type="radio" value="1.3">1000年
<h1>1、ssss?</h1>
<input name="v8" type="radio" value="1.1">300年             
<input name="v8" type="radio" value="1.2">400年               
<input name="v8" type="radio" value="1.3">1000年
<h1>1、ssss?</h1>
<input name="v9" type="radio" value="1.1">300年             
<input name="v9" type="radio" value="1.2">400年               
<input name="v9" type="radio" value="1.3">1000年
<h1>1、ssss?</h1>
<input name="v10" type="radio" value="1.1">300年             
<input name="v10" type="radio" value="1.2">400年               
<input name="v10" type="radio" value="1.3">1000年
<input type="button" value="submit" onclick="check1()"/>
</form>
</body>
</html>


沒有留言:

張貼留言