您的位置:首页 > Web前端 > JavaScript

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

2008-08-23 19:17 295 查看
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;
   }
 }

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript
相关文章推荐