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

最新推荐文章于 2024-08-20 18:33:21 发布

xiage

最新推荐文章于 2024-08-20 18:33:21 发布

阅读量846

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/xiage/article/details/2820261

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

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

}