JavaScript - 表單元素 - checkbox and radio Element

checkbox與radio

JavaScript form表單checkbox與radio元素屬性

名稱	說明
checked	設定或取得是否選取或核取，選取或核取為true
defaultChecked	true預設選取或核取，checkbox或radio裡的checked屬性

checkbox與radio被選取的值

if (oRadio[i].checked)
  alert(oRadio[i].value); 

設定選取，例如，

document.forms["form1"].oRadio[i].checked = true; 

全選、全不選、反選

function changeBoxes(action) {
  var objForm = document.forms["form1"];
  var CB = objForm.hobby;
  //取得checkbox屬性name=hobby的集合
  for (var i=0,item; item = CB[i];i++){
    if (action < 0) 
      item.checked = !item.checked;
      // action傳入-1為反選
      // 利用!來相反所有選擇
    else
      item.checked = action;
     // action傳入1(true)為全選
     // action傳入0(false)為全不選 
  }
}