点击选中radio

最新推荐文章于 2024-09-20 16:06:21 发布

lampsunny

最新推荐文章于 2024-09-20 16:06:21 发布

阅读量660

点赞数

分类专栏： html+css 文章标签： button input xhtml javascript action html

本文链接：https://blog.csdn.net/lampsunny/article/details/7753417

版权

html+css 专栏收录该内容

103 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击选中radio</title>
</head>

<body>
  <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="西瓜" checked>西瓜<INPUT TYPE="radio" NAME="test" value="葡萄">葡萄<INPUT TYPE="radio" NAME="test" value="桃子">桃子
     <BR>
</FORM>
<INPUT TYPE="button" value="西瓜" οnclick="change(document.myform.test,'西瓜')"> <INPUT TYPE="button" value="葡萄" οnclick="change(document.myform.test,'葡萄')"> <INPUT TYPE="button" value="桃子" οnclick="change(document.myform.test,'桃子')">
</body>
</html>