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>