[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;        
      }
    }
}

你可能感兴趣的:([javascript基础控件操作]--checkbox操作)