多选框的判断

最新推荐文章于 2022-03-25 00:35:05 发布

lisha102

最新推荐文章于 2022-03-25 00:35:05 发布

阅读量436

点赞数

分类专栏： js 文章标签：多选框 js

本文链接：https://blog.csdn.net/qq_34051078/article/details/70050814

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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 οnsubmit="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>

lisha102

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
多选框的判断

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;多选框的判断&lt;/title&gt;&lt;script&gt;function judge(){var obj=document.getElementsByName("cb&qu
复制链接

扫一扫