<!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>
|