测试淮北话

最新推荐文章于 2021-12-18 16:10:15 发布

领取

最新推荐文章于 2021-12-18 16:10:15 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/qq125537082/article/details/40892063

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>计算页面</title>
    </head>
    <body>
        <div>第一题测试</div>
        <span>A</span><input type="radio" name="num1" value="1" checked>
        <span>B</span><input type="radio" name="num1" value="2">
        <div>第二题</div>
        <span>A</span><input type="radio" name="num2" value="4" checked>
        <span>B</span><input type="radio" name="num2" value="5">
        <div>
            <input type="button" id="btn" value="计算">
        </div>
        <div id="result"></div>
        <script>
            document.getElementById('btn').onclick = function(){
                var v1, v2, res;
                var r1 = document.getElementsByName('num1');
                var r2 = document.getElementsByName('num2');
                for(var i = 0; i < r1.length; i++){
                    if(r1[i].checked){
                        v1 = r1[i].value;
                        break;
                    }
                }
                for(var j = 0; j < r2.length; j++){
                    if(r2[j].checked){
                        v2 = r2[j].value;
                        break;
                    }
                }
                res = parseInt(v1) + parseInt(v2);
                document.getElementById('result').innerText = '总分是：' + res;
            };
        </script>
    </body>
</html>