解決すべきjQueryの問題

demo3.js

demo3.css

demo3.html

[送信]をクリックすると、別のページに直接移動します

ディスカッションに返信 (解決済み)

$(document).ready(function(){

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


チェックボックスがオンになっているかどうかを確認してください

< body>

pizza $5
ホットドッグ $2

コーラ $3

フライドポテト $6

; 少なくとも 1 つのチェックボックスを選択します

;/form>



.submit{width:100px; height:150px; 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;	});});

上記と同じように false を返します