javascript 怎么获得单选框值

JavaScript013

javascript 怎么获得单选框值,第1张

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

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

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

function getValueForRadio(name) {

    // 获取所有的 input 元素

    var nodes = document.getElementsByTagName('input')

    // 循环判断

    for (var i=0 i<nodes.length i++) {

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

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

            //返回相应的值

            return nodes[i].value

        }

    }

}

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

以上,请采纳,请给分。

angularjs获取到单选框的值的方法:

1、定义一组radio:

<label>Chicken or the Egg?</label>

<div class="form-group">

<div class="radio">

<label>

<input type="radio" name="chickenEgg" value="chicken" ng-model="formData.chickenEgg">

Chicken

</label>

</div>

<div class="radio">

<label>

<input type="radio" name="chickenEgg" value="egg" ng-model="formData.chickenEgg">

Egg

</label>

</div>

</div>

2、js代码如下:

var myApp = <b style="color:#000background:#ffff66">angular</b>.module("myApp", [])

myApp.controller("myController", function($scope) {

$scope.selectedGender = ''

$scope.getRadioButtonValue = function(gender) {

// copy data

alert(gender)

$scope.selectedGender = <b style="color:#000background:#ffff66">angular</b>.copy(gender)

}

})

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> 页面上多组单选题时,怎么用JQuery确定各组单选的选中值 </TITLE>

<script src="jquery-1.3.2.min.js"></script>

<SCRIPT LANGUAGE="JavaScript">

$(function(){

//为指定name的radio设置选中值

var param1=2

var param2=1

$(":radio[name=radio1][value="+param1+"]").attr("checked","true")//指定value的选项为选中项

$(":radio[name=radio2][value="+param2+"]").attr("checked","true")

//取值

$("#btn").click(function(){

var radio1Value=$(":radio[name='radio1']:checked").val()

var radio2Value=$(":radio[name='radio2']:checked").val()

//测试

alert("第一组单选值:"+radio1Value)

alert("第二组单选值:"+radio2Value)

})

})

</SCRIPT>

</HEAD>

<BODY>

<p>第一组选择</p>

<input type="radio" name="radio1" value="1">

<input type="radio" name="radio1" value="2">

<p>第二组选择</p>

<input type="radio" name="radio2" value="1">

<input type="radio" name="radio2" value="2">

 

<button id="btn">选完后点击我测试</button>

</BODY>

</HTML>