js修改radio选中项的例子

发布时间:2020-03-07编辑:脚本学堂
本文介绍了js控制修改radio选中项的方法,一个js操作radio单选按钮的例子,有需要的朋友参考下。

例子,js如何控制修改radio选项。
 

复制代码 代码示例:
<!doctype html>
<html>
 <script language="javascript">
<!--
function change(radio_oj,avalue){//传入一个对象
   for(var i=0;i<radio_oj.length;i++) {//循环
        if(radio_oj[i].value==avalue){  //比较值
            radio_oj[i].checked=true; //修改选中状态
            break; //停止循环
        }
   }
}
   -->
</script>
</head>
<body>
<form method="post" action="" name="myform">
<input type="radio" name="test" value="1" checked>第一
<input type="radio" name="test" value="2">第二
<input type="radio" name="test" value="3">第三
<br>
</form>
<input type="button" value="第一" onclick="change(document.myform.test,'1')">&nbsp;
<input type="button" value="第二" onclick="change(document.myform.test,'2')">&nbsp;
<input type="button" value="第三" onclick="change(document.myform.test,'3')">
</body>
</html>