Javascript获取选中的radio值程序代码
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 我们来介绍两种获取radio值方法，一种是jquery一句就可以搞定，js相对复杂一点我们需要遍历radio然后判断是否选中一，再取值了。...
|
js获取radio值
| 代码如下 |
复制代码 |
|
<script language="javascript">
function validateadd()
{
var New=document.getElementsByName("BMfw_id");
var strNew;
for(var i=0;i<New.length;i++)
{
if(New.item(i).checked){
strNew=New.item(i).getAttribute("value");
break;
}else{
continue;
}
}
if(strNew=="否")
{
alert("OK！");
return false;
}
}
</script>
|
jquery获取radio 值更简单
jquery获取radio 值更简单
要想获取某个radio的值有以下的几种方法,直接给出代码：
$('input[name="testradio"]:checked').val();
$('input:radio:checked').val();
$('input[@name="testradio"][checked]');
$('input[name="testradio"]').filter(':checked');
例
| 代码如下 |
复制代码 |
|
<html>
<head>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script
type="text/javascript">
$(function(){
$('#go').click(function(){
var radio = $('input[name="testradio"]').filter(':checked');
if(radio.length)
alert(radio.val());
else
alert('请选择一个radio');
});
$('#go2').click(function(){
$('input[name="testradio"]').each(function(){
alert(this.value);
});
})
$('#go3').click(function(){
alert($('input[name="testradio"]:eq(1)').val());
})
})
</script>
</head>
<body>
<input type="radio" name="testradio" value="jquery获取radio的值"
/>jquery获取radio的值<br /> <input type="radio" name="testradio"
value="jquery获取checkbox的值" />jquery获取checkbox的值<br />
<input type="radio" name="testradio" value="jquery获取select的值"
/>jquery获取select的值<br />
<button id="go">选中的那个radio的值</button>
<button id="go2">遍历所有radio的值</button>
<button id="go3">取第二个radio的值</button>
</body>
</html>
|
|
