jQueryでチェックボックスのチェック状態を正確に確認するにはどうすればよいですか?

jQuery を使用してチェックボックスの Checked プロパティを確認する

問題:

jQueryを使用してチェックボックスのチェック状態を判断し、それに基づいてアクションを実行します。 result.

jQuery コード:

次の jQuery コードは、「isAgeSelected」チェックボックスのチェックされたプロパティをチェックしようとしますが、デフォルトで false を返します:

if ($('#isAgeSelected').attr('checked')) {
  $("#txtAge").show();
} else {
  $("#txtAge").hide();
}

正しい解決策:

プロパティが正常にチェックされた場合は、次のコードを使用できます:

オプション 1:

JavaScript を使用して DOM 要素に直接アクセスします:

if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

オプション 2:

jQuery を使用するより明確なアプローチのための「toggle」関数:

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});

このコードは、「isAgeSelected」チェックボックスのクリック イベントを処理し、チェックされた状態に基づいて「txtAge」要素の表示/非表示を切り替えます。

以上がjQueryでチェックボックスのチェック状態を正確に確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。