本文介绍了一种使用JavaScript来改变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')">
<INPUT TYPE="button" value="第二" onclick="change(document.myform.test,'2')">
<INPUT TYPE="button" value="第三" onclick="change(document.myform.test,'3')">
</BODY>
</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')">
<INPUT TYPE="button" value="第二" onclick="change(document.myform.test,'2')">
<INPUT TYPE="button" value="第三" onclick="change(document.myform.test,'3')">
</BODY>
</html>
扫一扫
805
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
