<html>
<head>
<script type="text/javascript" src="./jquery.min.js"></script>
</head>
<body>
<div>
<input id="rdo1" name="rdo1" type="radio" value="1" checked="checked"/>是
<input id="rdo1" name="rdo1" type="radio" value="0"/>否
<button id="btn1">是</button>
<button id="btn2">否</button>
<div>
<script type="text/javascript">
$(function(){
$("#btn1").click(function(){
$("input[name='rdo1']").eq(0).attr("checked","checked")
$("input[name='rdo1']").eq(1).removeAttr("checked")
$("input[name='rdo1']").eq(0).click()
})
$("#btn2").click(function(){
$("input[name='rdo1']").eq(0).removeAttr("checked")
$("input[name='rdo1']").eq(1).attr("checked","checked")
$("input[name='rdo1']").eq(1).click()
})
})
</script>
</body>
</html>
js获取radio值的步骤如下:
<script language="javascript">
function validateadd()
{
var New=document.getElementsByName("New")
var strNew
for(var i=0i<New.lengthi++)
{
if(New.item(i).checked){
strNew=New.item(i).getAttribute("value")
break
}else{
continue
}
}
if(strNew=="否")
{
alert("商品必须为新品!")
return false
}
}
</script>
Radio 对象代表 HTML 表单中的单选按钮。
在 HTML 表单中 <input type="radio">每出现一次,一个 Radio 对象就会被创建。
单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。
当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。
<div id="sexradio"><input type="radio" value="0">男
<input type="radio" value="1">女
</div>
var sex = $('#sexradio input[type="radio"]:checked').val()//jquery方法,获取 type="radio"被选中的input值