多选框的判断

来源：互联网发布：暴君熊的实力知乎编辑：程序博客网时间：2024/06/06 21:51

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>多选框的判断</title>
<script>
function judge(){
var obj=document.getElementsByName("cb");
var sum=0;
var ge,shi,bai;
for(var i=0;i<obj.length;i++){
if(obj[i].checked){
//Number转化成数字
sum=sum+Number(obj[i].value);
}
}
ge=sum%10;
//parseInt()取整，舍去小数点
shi=parseInt(sum%100/10);
bai=parseInt(sum/100);
if(ge>shi&&ge>bai){
alert("我喜欢的是水果！");
}else if(shi>ge&&shi>bai){
alert("我喜欢的是旅游！");
}else if(bai>ge&&bai>shi){
alert("我喜欢的是书籍！");
}else if(ge>shi&&ge==bai){
alert("我喜欢的是水果和书籍！");
}else if(shi>ge&&shi==bai){
alert("我喜欢的是旅游和书籍！");
}else if(ge>bai&&ge==shi){
alert("我喜欢的是水果和旅游！");
}else{
alert("我喜欢水果，旅游和书籍！")
}
}
</script>
</head>
<body>
<form onsubmit="return judge()">
请选择：<br />
<input type="checkbox" value="1" name="cb" />苹果<br />
<input type="checkbox" value="1" name="cb" />香蕉<br />
<input type="checkbox" value="1" name="cb" />菠萝<br />
<input type="checkbox" value="1" name="cb" />橘子<br />
<input type="checkbox" value="10" name="cb" />三亚<br />
<input type="checkbox" value="10" name="cb" />世界之窗<br />
<input type="checkbox" value="10" name="cb" />张家界天门山<br />
<input type="checkbox" value="10" name="cb" />武功山<br />
<input type="checkbox" value="100" name="cb" />数学<br />
<input type="checkbox" value="100" name="cb" />语文<br />
<input type="checkbox" value="100" name="cb" />枕上书<br />
<input type="checkbox" value="100" name="cb" />三生三世十里桃花<br />
<input type="submit" value="判断" />
</form>
</body>
</html>

0 0