0

Eric Hynds jQuery UI MultiSelect Widget を使用しています。通常のチェックボックスではなく、チェックされたチェックボックスのカウント数をウィジェットに表示するにはどうすればよいですか?

以下は、通常のチェックボックスをカウント/表示します。ウィジェットのフィドルを参照してください: http://jsfiddle.net/3u7Xj/85/

<div id="status">
      <p id="count">0</p>
    </div>

$(document).ready(function () {
        $("input[type=checkbox]").each(function () {
          $(this).change(updateCount);
        });

        updateCount();

        function updateCount () {
          var count = $("input[type=checkbox]:checked").size();

          $("#count").text(count);
          $("#status").toggle(count > 0);
        };
      });
4

1 に答える 1

0

私はその質問に少し混乱しています。Change イベントが MultiSelects で呼び出されないため、通常のチェックボックスが使用されるまで更新されないことを除いて、フィドルのカウントは機能します。

Change を標準のチェックボックスに追加した直後に、複数選択に Change イベントを追加するとうまくいきました。

$(".multiselect").change(updateCount);

または、変更の元のセットアップに「.multiselect」セレクターを追加しても機能します。

$("input[type=checkbox], .multiselect").each(function () {
      $(this).change(updateCount);
    });

フィドル

于 2014-01-27T18:26:17.333 に答える