在数组里面判断选中的是哪一个radio单选框

论坛 期权论坛 脚本     
匿名技术用户   2021-1-6 08:48   183   0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>钻石卡</title>
    <script>
        function myMun() {
            var arr = new Array();
            arr = document.getElementsByTagName('input');
            for (var i = 0; i < arr.length - 1; i++) {
                if (arr[i].checked) {
                    var a = Number(i);
                    var result = 0;
                    var myMun = document.getElementById('mun').value;
                    var discount = 0;
                    switch (a) {
                        case 0:
                            discount = 0.75;
                            break;
                        case 1:
                            discount = 0.85;
                            break;
                        case 2:
                            discount = 0.9;
                            break;
                        case 3:
                            discount = 1;
                            break;
                        default:
                            alert('错误')
                    }
                    alert('优惠后的价格为:' + myMun * discount + '元');
                }
            }
        }
    </script>
</head>

<body>
    <p>钻石卡用户享0.75折优惠,黄金卡的用户享0.85折优惠,银卡的用户享0.9折优惠,普通用户不享受优惠</p>
    <p>请选择您的身份:<input type="radio" id="radio1" name='radio1'>钻石卡用户
        <input type="radio" id="radio2" name='radio1'>黄金卡用户
        <input type="radio" id="radio3" name='radio1'>银卡用户
        <input type="radio" id="radio4" name='radio1'>普通用户
    </p>
    <p>请输入您的商品价格: <input type="text" id='mun'></p>
    <p><button onclick="myMun()">点击优惠</button></p>


</body>

</html>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP