html获取选中radio，如何在html中获取被选中的radio的值？匿名⽤户
1级
2017-12-01 回答
⼀般来说，就是使⽤遍历的⽅法，判断每个Radio是否被选中，如果是，再取其值.
1：出⽹页中所有控件的name为"rdPort" 的控件，再遍历判断
html radio选中事件
var ip="";
var rPort = document.all.rdPort;
for(i=0;i
{
if(rPort[i].checked)
ip=rPort[i].value;
}
和这个相似的还有另⼀种:
2: var ip="";
var rPort = ElementsByName("rdPort");
for(i=0;i
{
if(rPort[i].checked)
ip=rPort[i].value;
}
这两种的差别为::      1为有多个raido时的⽅法，如果只有⼀个radio的情况下，则可以直接⽤ip=document.all.rdPort.value．这时候问题出现了，我们在进⾏web编程时，经常碰到这样⼀种场景：即我们事先不知道页⾯中有多少个radio，也就是说radio的个数是根据数据库中满⾜某⼀条件的记录数
⽬决定的．这时候⽤上⾯1的⽅法就不⾏了．经过研究，发现⽤下⾯2的⽅法可⾏，是⽐较通⽤的.
使⽤2: 这样不管从数据库中取出的记录是⼀条还是多条，都可以统⼀进⾏处理．⽐较该段代码和上边那段代码的区别在于：var
ElementsByName("rdPort")；这⼀句上边那段代码中是var rPort = document.all.rdPort．我们知道
注意:，在2中，不可以⽤getElementById，来代替getElementsByName，因为getElementById只能选取单个控件.
3:⼀般来说，我喜欢做成函数，所以，也把这个函数做成函数吧，如下:
function  getRadioBoxValue(radioName)
{
var obj = ElementsByName(radioName);            //这个是以标签的name来取控件
for(i  =  0;  i
if(obj[i].checked)    {
return  obj[i].value;
}
}
return "undefined";
}
4:javascript radio 全选禁⽤与取消 ==>实现原理相似，到所有的radio，遍历设置为禁⽤，或者选择，或者其它什么，这个就不详细说了，按照上⾯的⽅法，在for⾥换成相应的代码，来达到全选择，或者反选，等
function checkall(form)//这⾥是实现设置某⼀个form⾥可⽤不可⽤
{
for(var i=0;i
{
var e=form.elements[i];
pe=='radio')
e.disabled=form.radio[0].checked;
}
}
keywords: JavaScript, input, radio, checked, value

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。