计算总值复选框jquery答案

【问题标题】：calculate total value checkboxes jquery计算总值复选框jquery
【发布时间】：2011-07-01 07:02:27
【问题描述】：

我如何计算总数rel value？如果选中一个复选框，总数将自动更新

【问题讨论】：

【解决方案1】：

希望这会有所帮助：

$("input[type=checkbox]").change(function(){
  recalculate();
});


function recalculate(){
    var sum = 0;

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

    alert(sum);
}

【讨论】：

我几乎不会在没有准备好文档的情况下开始编写 jquery 代码；)
如果你愿意，你可以通过伪类$(":checkbox")和$("input[type=checkbox]:checked")通过$(":checkbox:checked")简化选择器$("input[type=checkbox]")

【解决方案2】：

与 JS 相同：

    <script type="text/javascript">

    var total = 0;

    function test(item){
        if(item.checked){
           total+= parseInt(item.value);
        }else{
           total-= parseInt(item.value);
        }
        //alert(total);
        document.getElementById('Totalcost').innerHTML = total + " /-";
    }



    </script>
    </head>
    <body>

    <div id="container">
    <input type="checkbox" name="channelcost" value="10" onClick="test(this);"  />10<br />
    <input type="checkbox" name="channelcost" value="20" onClick="test(this);" />20 <br />
    <input type="checkbox" name="channelcost" value="40" onClick="test(this);" />40 <br />
    <input type="checkbox" name="channelcost" value="60" onClick="test(this);" />60 <br />
    </div>
    Total Amount : <span id="Totalcost"> </span>
    </body>
    </html>

【讨论】：