0

jQuery を使用して以下を実行します。

クラス "checkbox" を持つ要素をクリックすると:

  • クラス「チェックマーク」を追加
  • クラス「チェックボックス」を削除
  • 「要求リストに x 個のアプリがあります」で div を更新します。ここで、x はクリックされた数です
  • 「チェックマーク」のあるクラスをクリックすると、表示されている数字から減算されます

私のサンプルコードはこの機能のすべてを示しているわけではありませんが、クリックされた/「クリックされていない」数を更新することを除いて、これを達成することができます.

`

$("span.checkbox").click(function() {

    if(!oldVal) {
        var oldVal = "0";
    }

    var newVal = parseFloat(oldVal) + 1;

    var oldVal = newVal;

    $("#wishlistapps").html('<li>You have ' + newVal + ' apps in your request list</li>');


});

`

4

1 に答える 1

2

クリック ハンドラーの外でカウンター変数を宣言する必要があります。現在行っている方法では、ハンドラーが呼び出されると常にゼロになりoldValます。

var totalChecked = 0;
$("span.checkbox, span.checkmark").click(function() {
     var el = $(this);
     if(el.hasClass('checkbox')) {
         el.removeClass('checkbox');
         el.addClass('checkmark');
         totalChecked++;
     } else {
         el.removeClass('checkmark');
         el.addClass('checkbox');
         totalChecked--;
     }
     $("#wishlistapps").html('<li>You have ' + totalChecked + ' apps in your request list</li>');
});

デモ: http://jsbin.com/ufopok/2 .

$('.checkmark').length上記のコメントで述べたように使用することもできますが、多くのチェックボックスを使用すると遅くなる可能性があります。

于 2012-05-03T00:40:12.773 に答える