[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;
}
}
}
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基础控件操作]--select操作
- 【javascript基础】之Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- [javascript基础控件操作]--checkbox操作
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- javascript基础-常见控件事件处理
- 为ASP.NET控件添加常用的JavaScript操作
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- (转载)javascript 操作select控件,很全
- 为ASP.NET控件添加常用的JavaScript操作
- javascript控制服务器控件-js操作CheckBoxList实现全选、反选
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) 转载------阿超
- javascript操作html控件实例(javascript添加html)
- javascript控制服务器控件-js操作CheckBoxList实现全选、反选
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- JavaScript基础语法、dom操作树及document对象
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- JavaScript基础(13.Dom内容文本操作)
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)