JavaScript を使用してチェックボックスのチェック状態を制御するにはどうすればよいですか?

JavaScript チェックボックス コントロール

JavaScript を使用してチェックボックスのチェック状態を制御することは、Web 開発における多用途の手法です。これを実現するには、いくつかのアプローチがあります。

純粋な JavaScript:

// Check
document.getElementById("checkbox").checked = true;

// Uncheck
document.getElementById("checkbox").checked = false;

このメソッドは、チェックボックス要素の selected プロパティに直接アクセスします。

jQuery (1.6 ):

// Check
$("#checkbox").prop("checked", true);

// Uncheck
$("#checkbox").prop("checked", false);

jQuery の prop() メソッドを使用すると、チェックされた状態を含むチェックボックスのプロパティを操作できます。

jQuery (1.5 -):

// Check
$("#checkbox").attr("checked", true);

// Uncheck
$("#checkbox").attr("checked", false);

古い attr() メソッドは下位互換性のために提供されていますが、代わりに prop() を使用することをお勧めします。どちらのメソッドも、checked 属性を直接変更します。

これらの手法を利用してチェックボックスの状態を操作すると、JavaScript ベースの Web アプリケーションでのユーザー インタラクションとフォーム機能をより詳細に制御できるようになります。

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