现在的位置: 首页 > 综合 > 正文

[javascript基础控件操作]–radio操作

2013年06月02日 ⁄ 综合 ⁄ 共 713字 ⁄ 字号 评论关闭

radio和checkbox都没有onchange事件,可以用onclick和自定义函数来代替.

radio的基本操作:

1.选中radio                   --->radioChecked(radioObj);
2.全,返选form内的所有radio    --->selectAll();

详细说明:

1.选中radio
function radioChecked(radioObj)
{
  document.all.lbl1.text="";
  if(radioObj.checked)
  {
    document.all.lbl1.innerText=radioObj.value+"被选中!";
  }
  else
  {
    document.all.lbl1.innerText=radioObj.value+"被选中!";
  }
}

2.全,返选 form内的所有radio
function selectAll()
{
 var isSelected=false;
 if(document.all.selAll.value=="全选")
 {  
  isSelected=true;
  document.all.selAll.value="反选";
 }
 else
 {  
  isSelected=false;
  document.all.selAll.value="全选"
 }
 var radios=document.form1.elements;
 for(var i=0;i< radios.length; i++)
 {
   if(radios[i].type=="radio")
   {
     radios[i].checked=isSelected;
   }
 }

}

抱歉!评论已关闭.