7

ブートストラップを使用しています。ヘッダーと各列にチェックボックスがあるテーブルがあります。jQueryで「すべてチェック」機能を作ろうとしていますが、ブートストラップはchecked属性を使用していないようです。ご覧のとおり、チェックボックスの周りにスパンタグを追加し、それに「チェック済み」のクラスを追加します。チェックされた属性で作業する可能性はありますか、それとも忘れてクラスのチェックと切り替えを書く必要がありますか?

以下は、結果の HTML からのコードの一部です。

<td>
  <div class="checker">
    <span class="">
      <input type="checkbox" class="payout_check" style="opacity: 0;">
    </span>
  </div>
</td>

こちらは未チェックです。オンにすると、3 行目が次のように変わります。

<span class="checked">
4

7 に答える 7

11

propを使用できます。私は同じ問題に直面しました。チェックボックスをオンにすると、チェックされた属性が未定義になりました。propに変更すると、チェックボックスの状態に基づいてtrueとfalseの値が与えられました。

$('#checkboxId').prop('checked');
于 2015-02-19T10:51:59.313 に答える
5

あなたの問題を理解していれば、古い質問への回答が役立つはずです。

$('#toggle-all').click(function() {
    $('.btn-group input[type="checkbox"]').prop('checked', true);
});

http://jsfiddle.net/mmfansler/g3mu8/

于 2013-06-03T21:23:38.763 に答える
1 
    $(document).ready( function(){
        $("[type=checkbox]").on("クリック", function(){
            if ($(this).attr("checked")==undefined) {
                    $(this).attr("checked","checked");
                } そうしないと {
                   $(this).attr("checked",false);
                }
        });
    });
于 2013-11-27T15:35:46.777 に答える
1

jQuery の使用 

$("input[name='theCheckboxName']").is(":checked"); // Returns true or false

また 

$("input[name='theCheckboxName']").prop("checked"); // Returns true or false

これは、タグの「checked」属性の存在ではなく、DOM 要素の「checked」プロパティを検査します。この方法を使用すると、「checked」属性を設定および設定解除する必要がなくなります。

マークアップで

<div class="checkbox">
    <label>
        <input name="theCheckboxName" type="checkbox" checked="checked"> <span>Yes</span>
    </label>
</div>

これにより、デフォルトでチェックボックスがオンになります。プログラムで状態を判断するには、引き続き「checked」プロパティを使用する必要があります。

詳細については、次のリンクをご覧ください。

http://www.tutorialrepublic.com/faq/how-to-check-a-checkbox-is-checked-or-not-using-jquery.php

于 2014-08-07T19:04:32.943 に答える
0 
$('#your-checkbox-id').parents('span').removeClass("checked").end().removeAttr("checked").change();

また

$('#your-checkbox-id').prop('checked') && $('#your-checkbox-id').click();

PS: 最後の 1 つはクリックをエミュレートします (チェックボックスがオンの場合のみ)。イベントをトリガーしたくない場合は、最初のイベントを使用して「change()」呼び出しを削除します。

于 2014-08-25T18:26:39.530 に答える