單選 ： 通過name指定為一組，只能選擇一個 一組一個選項

<input type="radio" value="1" name="sex"/>男
<input type="radio" value="0" name="sex"/>女<br/>

兩個input時：

Js中判斷哪一個被選中：

首先，通過input中的name屬性值查到該組對象 。

var gender=document.getElementsByName("sex");  是一個數組

然後，在根據每個對象的checded屬（true 或者false）來判斷選中與否。

if(gender[0
 
].checked){//下標法取出數組中的值
      alert("你選中了男性");

  }
  if(gender[1].checked){
      alert("你選中了女性");
  }

最後，通過每個對象的value方法取到值。

if(gender[0].checked){//下標法
     alert("你選中了男性:"+gender[0].value);//取出數組中的值
  }
  if(gender[1].checked){
  alert("你選中了男性:"+gender[1].value);//取出數組中的值
        }

多個單選框時：

<input type="
 
radio" value="yinger" name="Person"/>嬰兒
  <input type="radio" value="shaonian" name="Person"/>少年<b/>
  <input type="radio" value="qingnian" name="Person"/>青年
  <input type="radio" value="zhognnain" name="Person"/>中年<br/>

首先，通過name獲取元素 是一個數組

var pers=document.getElementsByName("
 
Person");

然後，循環+操作

for(var i=0;i<pers.length;i++){
    if(pers[i].checked){
alert("你選中的是："+pers[i].value);
break；//選中一個就可以跳出來
    }
}

使用開關變量的實質：

首先，定義一個默認的布爾值,一般為全局。

然後，在真正的操作中改變這個布爾值

最後，在真正的操作之外，進行判斷在操作其他

例如：

 /*單選有多個input時*/
var pers=document.getElementsByName("Person");
var flag=true;//1標誌
for(var i=0;i<pers.length;i++){
    if(pers[i].checked){
flag=false;//2改變
alert("你選中的是："+pers[i].value);
break;
    }
}
if(flag){//3判斷
    alert("你沒有選中");
    return false;
}

復選： 通過name指定為一組，但是可以同時選擇多個 一組多個選項

<input type="checkbox" name="vehicle" value="Bike"> 1<br>
<input type="checkbox" name="vehicle" value="2">2<br>
<input type="checkbox" name="vehicle" value="3">3

下拉： 通name指定為一組，value指定不同的值 一組一個選項

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

獲取和設置input裏面的值：對象的value

獲取其他元素中的內容（標簽裏面的內容）

（innerhtml：包括任何標簽也會原樣輸出）：

InnerText:獲取標簽裏面的文本內容

javascript 是一個弱類型的語言 數組中可以是任何類型數據

數組的屬性：

（1） length:數組中有多少個元素

（2） 如何訪問數組中每一個值：[下標值]：下標值從0開始

圖片切換的實質是：改變圖片的路徑

與input有關的一些操作