js初学—js全自定义单选框
浏览数：53 /
时间：2015年06月09日
代码如下：
<script type="text/javascript"> window.onload=function() { var oIput=document.getElementsByTagName(‘input‘); var Obtn=document.getElementById(‘btn‘); for(var i=0;i<oIput.length;i++) { oIput[i].onclick=function() { for(var i=0;i<oIput.length;i++) { oIput[i].checked=false; } this.checked=true; } } btn.onclick=function() { alert(‘提交成功‘); } }
布局如下：
<p>1、这周星期天你干什么？</p> <input type="radio" />看书 <input type="radio" />睡觉 <input type="radio" />吃饭 <input type="radio" />玩耍 <input type="radio" />洗衣服 <input type="radio" />听音乐</br> <input type="button" value="提交" id="btn" />
总结：比较遗憾的是点击提交的时候没能选出后面的文字，比如：“提交成功，这周星期天你选择看书”！
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
