zoukankan      html  css  js  c++  java
  • js测试题

    <div class="test">

            <h2>测试题</h2>

            <div clss="test_select">
                <div class="test_cont test_on">
                    <h3><span>1/5</span>测试题目11111111111</h3>
                    <p><span></span><input type="radio" name="xuanxiang1" value="1">天气晴</p>
                    <p><span></span><input type="radio" name="xuanxiang1" value="2">天气多云</p>
                    <p><span></span><input type="radio" name="xuanxiang1" value="3">天气阴</p>
                    <p><span></span><input type="radio" name="xuanxiang1" value="4">下雨</p>
                </div>
                <div class="test_cont">
                    <h3><span>2/5</span>测试题目22222222222</h3>

                    <p><span></span><input type="radio" name="xuanxiang2" value="1">天气晴</p>
                    <p><span></span><input type="radio" name="xuanxiang2" value="2">天气多云</p>
                    <p><span></span><input type="radio" name="xuanxiang2" value="3">天气阴</p>
                    <p><span></span><input type="radio" name="xuanxiang2" value="4">下雨</p>
                </div>
                <div class="test_cont">
                    <h3><span>3/5</span>测试题目3333333333</h3>
                    <p><span></span><input type="radio" name="xuanxiang3" value="1">天气晴</p>
                    <p><span></span><input type="radio" name="xuanxiang3" value="2">天气多云</p>
                    <p><span></span><input type="radio" name="xuanxiang3" value="3">天气阴</p>
                    <p><span></span><input type="radio" name="xuanxiang3" value="4">下雨</p>
                </div>
                <div class="test_cont">
                    <h3><span>4/5</span>测试题目44444444444</h3>
                    <p><span></span><input type="radio" name="xuanxiang4" value="1">天气晴</p>
                    <p><span></span><input type="radio" name="xuanxiang4" value="2">天气多云</p>
                    <p><span></span><input type="radio" name="xuanxiang4" value="3">天气阴</p>
                    <p><span></span><input type="radio" name="xuanxiang4" value="4">下雨</p>
                </div>
                <div class="test_cont">
                    <h3><span>5/5</span>测试题目55555555555</h3>
                    <p><span></span><input type="radio" name="xuanxiang5" value="1">天气晴</p>
                    <p><span></span><input type="radio" name="xuanxiang5" value="2">天气多云</p>
                    <p><span></span><input type="radio" name="xuanxiang5" value="3">天气阴</p>
                    <p><span></span><input type="radio" name="xuanxiang5" value="4">下雨</p>
                </div>
            </div>
            <div class="result">您当前的得分是<span></span></div>
        </div>
        <script>
            $(function () {
                var sum = 0;
                var i = 0;
                var len = parseInt($(".test_cont").length);
                $(".test_cont p").click(function () {

                    $(this).find("input").attr("checked", "checked")
                    var b = parseInt($(this).find("input").val());
                    $(this).parent().hide().next().fadeIn(100);
                    sum += b;
                    i++;
                    if (i >= len) {
                        console.log($(".result"));
                        $(".result").show();
                        $(".result span").html(sum + '分');
                    }
                });
            })
        </script>
  • 相关阅读:
    JavaScript连等赋值
    vue入坑总结
    form表单与后台请求的关系
    JavaScript构造函数、继承的理解
    前端知识未学习点
    js垃圾回收机制
    前端闭包
    html中strong与b,em与i标签的区别(转帖)
    Docker 搭建开源跳板机_jumpserver (运维开源堡垒机_jumpserver) Centos_7.0
    python EasyUI + Django--整合 CSRF 防护去除
  • 原文地址:https://www.cnblogs.com/qianqianj/p/12849593.html
Copyright © 2011-2022 走看看