jquery问题求解决

php中文网
发布: 2016-06-23 13:49:40
原创
990人浏览过

demo3.js

demo3.css

demo3.html

在点击提交的时候直接导航到别的页面去了,加了event.preventDefault()业不起作用


回复讨论(解决方案)

$(document).ready(function(){
$('.error').hide();
$('.submit').click(function(event){
var count=$('input:checked').length;
var amt=0;
if(count==0){
$('p .result').hide();
$('.error').show();
}else{
$('form').find(':checkbox').each(funtion(){
if($(this).is(':checked')){
amt=amt+parseInt($(this).val());
}
});
$('.error').hide();
$('p .result').show();
$('p .result').text('you bill is $'+amt);
}
event.preventDefault();
});
});






检查复选框是否被选中

<script></script>
<script></script>



pizza $5

hotdog $2

coke $3

french fries $6

至少选择一个复选框


小文AI论文
小文AI论文

轻松解决论文写作难题,AI论文助您一键完成,仅需一杯咖啡时间,即可轻松问鼎学术高峰!

小文AI论文 69
查看详情 小文AI论文








.infobox{margin-top:15px;}
.submit{width:100px; height:30px; margin-left:150px; margin-top:10px;}
.error{color:red;}

$(document).ready(function(){	$('.error').hide();$('.result').hide();	$('.submit').click(function(event){		var count=$('input:checked').length;		var amt=0;		if(count==0){			$('p .result').hide();			$('.error').show();		}else{			$('form').find(':checkbox').each(function(){			if($(this).is(':checked')){				amt=amt+parseInt($(this).val());			}			});			$('.error').hide();			$('.result').show();			$('.result').html('you bill is $'+amt);		}	event.preventDefault();return false;	});});
登录后复制

return false 一下即可 就像楼上那样

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号