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

これを試してください

    <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

つまり:


$(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 
$('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 に答える