首页 > 代码库 > js初学—js全自定义单选框
js初学—js全自定义单选框
代码如下：
<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" />
总结：比较遗憾的是点击提交的时候没能选出后面的文字，比如：“提交成功，这周星期天你选择看书”！
js初学—js全自定义单选框
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。