javascript单选,js 单选

javascript 怎么获得单选框值

1、 给单选框设置相应的 name

2、 获取所有的单选框，循环判断，示例代码如下：

// 获取指定 name 的单选框的值

function getValueForRadio(name) {

    // 获取所有的 input 元素

    var nodes = document.getElementsByTagName('input');

    // 循环判断

    for (var i=0; inodes.length; i++) {

        // 如果类型是 radio，name 也符合要求，而且也被选中了

        if (nodes[i].type==='radio'  nodes[i].name===name  nodes[i].checked) {

            //返回相应的值

            return nodes[i].value;

        }

    }

}

3、 在你需要的地方，用合适的参数调用上面的函数 getValueForRadio 即可。

以上，请采纳，请给分。

相关问答

Q1: js如何实现选定单选按钮

input type="radio" name="ra" value="1" onclick="raclick(this.value)"

input type="radio" name="ra" value="2" onclick="raclick(this.value)"

input type="radio" name="ra" value="3" onclick="raclick(this.value)"

input type="text" name="tx"

script

function raclick(value){

document.all.tx.value =value

}

/script

Q2: js实现元素的多选,或单选功能

效果预览 

html中-css中 - 以ul 和 li标签双层结构为例 

js中

1,定义一个init方法, 完成处理数据 并把最后选中的数据返回

1.通过getArr方法,  挂载了li元素的点击事件liClick方法, 并返回处理好的数据arr,checkbox的话arr里面是多条选中的,radio则为单条;

 通过array的特性来达到return返回的数据同步

2.根据传递过来的type类型判断是单选框还是复选框, 来调用不同的处理函数checkboxFun或radioFun

3.checkboxFun完成了复选框的一些数据处理操作  , , radioFun 完成了单选框的一些数据处理操作

2, 获取子元素集合, 并调用init函数, 

init函数调用并会返回一个newArr,   这个newArr就是最新的数据集合

这样就可以实现一个单选多选的功能了

Q3: javascript 选择单选框

测试了下，在谷歌浏览器下，如果有radio设置了checked 属性的话，是可以的

html

head

/head

body

input type="radio" name="radios" value="1"/1

input type="radio" name="radios" value="2" checked/2

script type="text/javascript"

var box=document.getElementsByName("radios");

for(var i=0;ibox.length;i++){

alert("n");

if(box[i].checked){

alert("nihao");

}}

/script

/body

/html

Q4: javascript 如何实现单选得分

你好，我给你写了一个非常简便且有效的代码，不用针对每一个radio都添加onclick事件

script

function setResult(){

var obj=event.srcElement;

if(obj.tagName=="INPUT"){

document.getElementById("result").value=obj.value;

}

}

/script

div onclick="setResult();"

input type="radio" name="score" value="1"1分

input type="radio" name="score" value="2"2分

input type="radio" name="score" value="3"3分

input type="radio" name="score" value="4"4分

input type="radio" name="score" value="5"5分

/div

p得分input type="text" id="result"/p