js获取radio选项卡value值并输出到指定div
作者: 本站原创 发布时间: 浏览: 次
灵活的运用JS能提高用户体验，这在网站建设中是非常重要的环节。由于接触JS不是非常多，虽然网络上的资源多，但同样的效果，不同的人写出来的都不一样，给初学者很大的障碍，“简单粗暴”的代码才是网站开发的亮点。
下面是重庆seo秀站网在开发网站注册页面中的运用案例。
js获取选中单选按钮值并赋值到指定p中
采用原生JS，不需要JS封包
<!DOCTYPE>
<html>
<head>
<script>
function checks(){
var radios=document.getElementsByName("sex");
for(var i=0;i<radios.length;i++)
{
if(radios[i].checked==true)
{
alert("输出值为："+radios[i].value);//弹出窗口
document.getElementById("result").innerHTML=radios[i].value;//输出到指定<p id="result"></p>
}
}
}
</script>
</head>
<body>
<input name="sex" type="radio" value="aa" onClick="checks()">男
<input name="sex" type="radio" value="bb" onClick="checks()">女
<input name="sex" type="radio" value="cc" onClick="checks()">人妖
<br />
<p id="result"></p>
</body>
</html>
对应的输出结果是：
男->aa 女->bb 人妖->cc
添加微信，免费咨询