[javascript基礎控制項操作]–checkbox操作

radio和checkbox都沒有onchange事件,可以用onclick和自訂函數來代替.
但是checkbox 有 onpropertychange事件,因此可以用onpropertychange來實現 is選擇 的觸發.

checkbox的基本操作:

1.選中操作 --->checkbox內建事件處理函數 onpropertychange
2.全選操作 --->selectAll();

詳細說明:

1.選中操作

<input type="checkbox" value="checkbox1" onpropertychange="javascript:alert('checkbox1 was click!');" >checkbox1</>

2.全選操作

function selectAll()
{
    var isSelect=false;
    if(document.all.chx.value=="全選")
    {
       isSelect=true;
       document.all.chx.value="反選"
    }
    else
    {
       isSelect=false;
       document.all.chx.value="全選"
    }

 // var checkboxs=document.getElementsByName("");
    var checkboxs=document.form1.elements;
    for(var i=0; i<checkboxs.length; i++)
    {
      if(checkboxs[i].type=="checkbox")
      {
    checkboxs[i].checked=isSelect;        
      }
    }
}