问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何获取多个单选题每道题选中选项的状态，以及累加其中选中选项的值？

头像
loje
    14562936
                <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>
    jqueryjavascripthtml前端
    阅读 3.8k
    1 个回答
    得票最新
    头像
    kikong
      19.1k31320
      ✓ 已被采纳
      <!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>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题