jquery - jQueryカスタムの2番目のカスタムチェックボックスがチェックされない

Question

通常のチェックボックスが嫌いなので、bootstrap v3 の色付きのボタンをチェックボックスとして使用することにしました。私はそれを作成し、うまく機能しました（そしてPOSTリクエストで機能しました）。ちょっと待ったけど、うまくいかない。jQuery クリック関数はまったく呼び出されません。私の問題はここにあると思いますか？

http://jsfiddle.net/ZmqwX/

<button id="checkbox" class="btn btn-default">foo</button>
<button id="checkbox" class="btn btn-default">not foo?</button>

$('#checkbox').click(function () {
    $(this).toggleClass("btn-success").attr("value", $(this).hasClass("btn-success"));
    return false;
});

Answer 1

絶対にいけません!! 同じ ID を持つ 2 つの要素があります。checkboxあなたをクラスに変更します：

HTML:

<button class="checkbox btn btn-default">foo</button>
<button class="checkbox btn btn-default">not foo?</button>

JavaScript:

$('.checkbox').click(function () {
    $(this).toggleClass("btn-success").attr("value", $(this).hasClass("btn-success"));
    return false;
});