網頁

JavaScript - 表單元素 - checkbox and radio Element

checkbox與radio


JavaScript form表單checkbox與radio元素屬性
名稱說明
checked設定或取得是否選取或核取,選取或核取為true
defaultCheckedtrue預設選取或核取,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)為全不選 
  }
} 

沒有留言:

張貼留言

感謝您的留言,如果我的文章你喜歡或對你有幫助,按個「讚」或「分享」它,我會很高興的。