javascript - 使用 wordpress 循环中选中项目值的总和

Question

我试图将这段代码放在 wordpress 循环中:它应该通过 id 检查每个帖子的复选框状态，如果他们检查了 - 更新 textarea 的值(它应该在每次点击复选框后更新)。但它只捕捉最后一篇文章的值(value)..虽然它在 page-view-source 中看起来正确(所有 ID 在其位置)

<!--wp loop begin-->
<!--post content-->
  <script>    
    $('.taglist input').click(function() {
    var sum=0;
    if (document.getElementById('<?php the_ID(); ?>').checked){sum+=1000;}     
    $('textarea').val(sum)
    ;}
    );
  </script>
<!--wp loop end-->

Answer 1

您应该将这段代码放在循环之外，并将点击绑定(bind)到每个元素上，就像您已经在做的那样:

<!--wp loop begin-->
<!--post content-->

<!--wp loop end-->
<script>    
    $('.taglist input').click(function() {
        var sum=0;
        if ($(this).checked){
                sum+=1000;
        } 
        $('textarea').val(sum);
    });
</script>

但我想你会想做更多这样的事情:

<!--wp loop begin-->
<!--post content-->

<!--wp loop end-->
<script>   
var sum = 0;
$('.taglist input').click(function() {
    if ($(this).prop('checked')){
        sum+=1000;
    } else {
        sum-=1000;
    }
    $('textarea').val(sum);
});
</script>

如果未选中复选框..我认为它应该减去。

JSFiddle