1.在定義變數時,儘可能讓變數的訪問範圍最小化

2.彈出單選性別,巢狀for和if函式

<script type="application/javascript">

  function student(){
   var genderInput=document.getElementsByName("gender");
   
   for (var i=0;i<genderInput.length;i++) {
    if(genderInput[i].checked){
     gender=genderInput[i].value;
     break;
     }
    }
   alert("性別:"+gender)
  }
  
 </script>

  • genderInput[i].checked  checked屬性表示當前元件是否被選中

3.彈出多選選項愛好,巢狀for和if else

<script type="application/javascript">
  function student(){
   var hobbyInput=document.getElementsByName("hobby");
   var hobby="";
   
   for(var i=0;i<hobbyInput.length;i++){
    if(hobbyInput[i].checked){
     if(hobby!=""){
      hobby=hobby+","+hobbyInput[i].value;
     }
     else{
      hobby=hobbyInput[i].value;
      }
     }
     }
  alert("愛好:"+hobby);
   }
 </script>

  • length表示陣列的長度