怎么用javascript编写一个程序，用来描述一个单选题，如果用户什么都没选，提示要选择答案

发布网友发布时间：2022-05-22 00:28

共1个回答

热心网友时间：2022-05-22 01:58

<body>
    <div>
        <h5>一.单选题</h5>
        <div>
            <div>1.8+7=？请从下面选项中选择正确答案( )</div>
            <div id="t1">
                <input type="radio"  name="t1" value="A"/>A.10
                <input type="radio" name="t1" value="B" />A.15
                <input type="radio" name="t1" value="C" />A.12
                <input type="radio" name="t1" value="D" />A.13
            </div>
        </div>
    </div>
    <div>
        <input type="button" value="提交" onclick="check()" />
    </div>
    <script type="text/javascript">
        function check() {
            var ele = document.getElementById('t1');//如果这里是很多题目就用for循环变量
            var arr = ele.childNodes;//获取答案
            var flag = false;//如果一个答案都没有选择就为false
            for (var i = 0; i < arr.length; i++) {
                if (arr[i].checked == true) {
                    flag = true;//选择了一个答案
                    if (i == 1) alert("恭喜你答对了");//选择了B，因为按钮B的索引是1
                }
            }

            if (flag == false) alert("请选择一个答案");
        }
    </script>
</body>

多题目是把html要规划好，方便JavaScript去读取和操作。