例如,一个表单 type=radio,有A B C D四个选项,当被单击选中一个选项时,怎么用js获取,并在页面显示出来?
<form action="" class="select" name="Form1">
<div class="radio" >
<label>
<input type="radio" name="questionSelect" value="A" />A.
<span class="question-content">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</span>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="questionSelect" value="B"/>B.
<span class="question-content">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</span>
</label>
</div>
</form>
下面是C D
怎么用Js获取被选中的选项,并在一个span里面输出?如
你的答案:
JQuery也行,在网上找了一些代码都不能很好的实现,新手跪求帮助!Orz
这个应该就是你要的效果了,检查选项的checked属性可以判断哪个选项被选中;通过onchange事件绑定即可
<!Doctype html>
<head>
<title>js练习</title>
<meta charset="utf-8">
<script src="jquery.min.js"></script>
</head>
<body>
<form action="" class="select" name="Form1">
<div class="radio" >
<label>
<input onchange="setA()" type="radio" name="questionSelect" value="A" />A.
<span class="question-content">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</span>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="questionSelect" value="B"/>B.
<span class="question-content">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</span>
</label>
</div>
</form>
<span>你的答案:</span><span id="answerOrder"></span>
</body>
<script text="text/javascript">
//给单选按钮绑定事件
window.onload=function(){
var ans = document.getElementsByName("questionSelect");
for(var i=0;i<ans.length;i++){
ans[i].onchange=setA;
}
}
//当值改变时把当前选项呈现在指定区域
function setA(){
var ans = document.getElementsByName("questionSelect");
var ord = document.getElementById("answerOrder");
for(var i=0;i<ans.length;i++)
if(ans[i].checked==true){
ord.innerHTML=ans[i].value;
}
}
</script>
</html>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。