jquery问题求解决
程序员文章站
2024-02-11 11:18:58
...
demo3.js
demo3.css
demo3.html
在点击提交的时候直接导航到别的页面去了,加了event.preventDefault()业不起作用
检查复选框是否被选中
.infobox{margin-top:15px;}
.submit{width:100px; height:30px; margin-left:150px; margin-top:10px;}
.error{color:red;}
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();
});
});
.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 一下即可 就像楼上那样
上一篇: Arduino 摇杆按钮
下一篇: 项目小结