如何获取多个单选题每道题选中选项的状态，以及累加其中选中选项的值？
<div class="page-header">
<h1>霍兰德职业测试</h1>
</div>
<form id="radioform" >
<p>1.当我投入到创造性工作时，经常会忘却一切。</p>
<label class="radio-inline">
<input type="radio" name="option1" id="chioseradio11" value="-0.8"> 非常不符合
</label>
<label class="radio-inline">
<input type="radio" name="option1" id="chioseradio12" value="0.2"> 不符合
</label>
<label class="radio-inline">
<input type="radio" name="option1" id="chioseradio13" value="1.2"> 说不清
</label>
<label class="radio-inline">
<input type="radio" name="option1" id="chioseradio14" value="2.2"> 基本符合
</label>
<label class="radio-inline">
<input type="radio" name="option1" id="chioseradio15" value="3.2"> 非常符合
</label>
<p>2.我喜欢观察各种动植物的生长和发育过程。</p>
<label class="radio-inline">
<input type="radio" name="option2" id="chioseradio21" value="-0.8"> 非常不符合
</label>
<label class="radio-inline">
<input type="radio" name="option2" id="chioseradio22" value="0.2"> 不符合
</label>
<label class="radio-inline">
<input type="radio" name="option2" id="chioseradio23" value="1.2"> 说不清
</label>
<label class="radio-inline">
<input type="radio" name="option2" id="chioseradio24" value="2.2"> 基本符合
</label>
<label class="radio-inline">
<input type="radio" name="option2" id="chioseradio25" value="3.2"> 非常符合
</label>
<p>3.我喜欢读悬疑小说中的精彩曲折的推理过程</p>
<label class="radio-inline">
<input type="radio" name="option3" id="chioseradio31" value="-0.8"> 非常不符合
</label>
<label class="radio-inline">
<input type="radio" name="option3" id="chioseradio32" value="0.2"> 不符合
</label>
<label class="radio-inline">
<input type="radio" name="option3" id="chioseradio33" value="1.2"> 说不清
</label>
<label class="radio-inline">
<input type="radio" name="option3" id="chioseradio34" value="2.2"> 基本符合
</label>
<label class="radio-inline">
<input type="radio" name="option3" id="chioseradio35" value="3.2"> 非常符合
</label>
</form>
展开
收起
1
条回答
写回答
写回答
-
<!DOCTYPE html> <html> <head> <title>Number Entry</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="script/jquery-2.1.3.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#submitform').click(function(){ //var option1Selected=$('input[name=option1]').val(); //var option2Selected=$('input[name=option2]').val(); //var option3Selected=$('input[name=option3]').val(); $('input[type=radio]:checked').each(function(index,item){ console.log($(item).val()); }); }); }); </script> </head> <body> <div class="page-header"> <h1>霍兰德职业测试</h1> </div> <form id="radioform" onsubmit="return false;"> <p>1.当我投入到创造性工作时，经常会忘却一切。</p> <label class="radio-inline"> <input type="radio" name="option1" id="chioseradio11" value="-0.8"> 非常不符合 </label> <label class="radio-inline"> <input type="radio" name="option1" id="chioseradio12" value="0.2"> 不符合 </label> <label class="radio-inline"> <input type="radio" name="option1" id="chioseradio13" value="1.2"> 说不清 </label> <label class="radio-inline"> <input type="radio" name="option1" id="chioseradio14" value="2.2"> 基本符合 </label> <label class="radio-inline"> <input type="radio" name="option1" id="chioseradio15" value="3.2"> 非常符合 </label> <p>2.我喜欢观察各种动植物的生长和发育过程。</p> <label class="radio-inline"> <input type="radio" name="option2" id="chioseradio21" value="-0.8"> 非常不符合 </label> <label class="radio-inline"> <input type="radio" name="option2" id="chioseradio22" value="0.2"> 不符合 </label> <label class="radio-inline"> <input type="radio" name="option2" id="chioseradio23" value="1.2"> 说不清 </label> <label class="radio-inline"> <input type="radio" name="option2" id="chioseradio24" value="2.2"> 基本符合 </label> <label class="radio-inline"> <input type="radio" name="option2" id="chioseradio25" value="3.2"> 非常符合 </label> <p>3.我喜欢读悬疑小说中的精彩曲折的推理过程</p> <label class="radio-inline"> <input type="radio" name="option3" id="chioseradio31" value="-0.8"> 非常不符合 </label> <label class="radio-inline"> <input type="radio" name="option3" id="chioseradio32" value="0.2"> 不符合 </label> <label class="radio-inline"> <input type="radio" name="option3" id="chioseradio33" value="1.2"> 说不清 </label> <label class="radio-inline"> <input type="radio" name="option3" id="chioseradio34" value="2.2"> 基本符合 </label> <label class="radio-inline"> <input type="radio" name="option3" id="chioseradio35" value="3.2"> 非常符合 </label> <button id="submitform">提交</button> </form> </body> </html>2019-07-17 19:16:01赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
