解决方案 »

  1.   

    $(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();
    });
    });
    <html>
    <head>
    <title>检查复选框是否被选中</title>
    <link rel="stylesheet" type="text/css" href="demo3.css" />
    <script type="text/javascript" src="../jQuery1.8.3.js"></script>
    <script type="text/javascript" src="demo3.js"></script>
    </head>
    <body>
    <form>
    <input type="checkbox" name="pizza" value=5 class="infobox" />pizza $5<br />
    <input type="checkbox" name="hotdog" value=2 class="infobox" />hotdog $2<br />
    <input type="checkbox" name="coke" value=3 class="infobox" />coke $3<br />
    <input type="checkbox" name="fries" value=6 class="infobox" />french fries $6<br />
    <p class="error">至少选择一个复选框</p>
    <p class="result"></p>
    <input type="submit" class="submit" value="submit" />
    </form>
    </body>
    </html>.infobox{margin-top:15px;}
    .submit{width:100px; height:30px; margin-left:150px; margin-top:10px;}
    .error{color:red;}
      

  2.   

    $(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;
    });
    });
      

  3.   

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