0

我有带有值的复选框，我想计算它们的值并在点击时显示在警报框中。

我尝试了过去 2 小时，但我不明白如何使它成为可能

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(function(){

    $('button').click(function(){

    $('count').each(function(){



        })
    })
    })

</script>

</head>

<body>

<div>
<input type="checkbox" name="count" value="5" />
<span>5</span>
</div>

<div>
<input type="checkbox" name="count" value="3" />
<span>3</span>
</div>

<div>
<input type="checkbox" name="count" value="10" />
<span>10</span>
</div>


<input type="button" value="calculate" />

</body>
4

6 回答 6

2

这是HTML

<input type="checkbox" name="count" value="5" />
<span>5</span>
</div>

<div>
<input type="checkbox" name="count" value="3" />
<span>3</span>
</div>

<div>
<input type="checkbox" name="count" value="10" />
<span>10</span>
</div> 
    <input id="example" type="button" value="calculate" />​

这是Jquery

function recalculate(){
    var sum = 0;
    $("input[type=checkbox]:checked").each(function(){
      sum += parseInt($(this).attr("value"));
    });

    alert(sum);
}

$(function(){

    $('#example').click(function(){

        recalculate();

    });
});​

看到这个 JSFiddle：http: //jsfiddle.net/nEGTv/22/

于 2012-04-17T05:45:21.043 回答
1

你的意思是：


$(document).ready(function() {
  var total = 0;
  $("input[type='button']").click(function() { // you can use id for the button
    $("input[name='count']").each(function() {
       total += parseInt($(this).val(), 10);
    });
    alert(total);
  });
});
于 2012-04-17T05:14:52.453 回答
1

试试这个我希望它有帮助

    <script type="text/javascript">
    $(document).ready(function() {


        $('button').click(function(){
             var total=0;
        $("input[type=checkbox]").each( 
        function() { 
           total=total+parseInt($(this).val());

        } );
    alert(total);
        });
 });
</script>
于 2012-04-17T05:16:15.013 回答
1 
$('input[type=button]').click(function(){
    result = 0;
    $('input[name=count]:checked').each(function(){
        result = Number(result) + Number($(this).val()); 
    });
    alert(result);
});
于 2012-04-17T05:21:20.987 回答
1 
$('input[type=button]').on('click',function(){
    var tot=0;
    $("input[name=count]:checked").each(function() {
         tot += parseInt( $(this).prop('value'), 10 );
    });
    alert(tot);
});

看演示

于 2012-04-17T05:29:01.740 回答
0 
$(document).ready( function() {
  $('.chkOptions').click(
    function () {
      var ntot = 0;
      $('.chkOptions:checked').each(function () {
        ntot += parseInt($(this).val());
      });
      $('#txtSavingsTot').val(ntot);
    })
  .change();
});
于 2012-04-17T05:22:50.537 回答