如何获取多个单选题每道题选中选项的状态,以及累加其中选中选项的值?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

小旋风柴进 2016-03-26 11:59:45 1398
     <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>
多个quot 状态quot 状态led 多个状态
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:16:01
    <!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>
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

最新问题