js动态设置div的值下例子

前端技术 2023/09/05 JavaScript
复制代码 代码如下:

<!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=gb2312\" />
<title>js动态设置div的值.html</title>

</head>

<body>
<form method=\"post\" name=\"form1\">
<label><input type=\"radio\" name=\"radio\" value=\"1-10 岁\" onclick=\"ok(this.value);\">1-10 岁</label>
<label><input type=\"radio\" name=\"radio\" value=\"11 岁\" onclick=\"ok(this.value);\">11 岁</label>
<label><input type=\"radio\" name=\"radio\" value=\"12-120 岁\" onclick=\"ok(this.value);\">12-120 岁</label>
<input type=\"button\" onclick=\"ok()\" value=\"测试选择值\">
</form>

<div id=\"test\"></div>
<script language=\"javascript\" type=\"text/javascript\">
<!--
function ok()
{
var temp=document.getElementsByName(\"radio\");
for (i=0;i<temp.length;i++){
//遍历Radio
if(temp[i].checked)
{
//alert(\"你选择了\"+temp[i].value);
//获取Radio的值
document.getElementById(\'test\').innerHTML = temp[i].value;
}
}
}
-->
</script>

</body>
</html>

本文地址：https://www.stayed.cn/item/13520

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案