jQuery を使用してチェックボックスをオンに設定

この記事では、jQuery でチェックされているチェックボックスの設定について学習します。

jQuery でチェックボックスをオンに設定

この jQuery メソッドは、属性の名前を受け入れます。この名前の値を更新して、要素に関連付ける必要があります。jQuery の .attr() メソッドは、一致したアイテム/要素のセットに 1つ以上の属性を設定するために使用されます。

構文：

attr( attributeName, value )

1. attributeName は、値が設定される属性の名前を示す string タイプの最初の入力パラメーターです。
2. value は、選択した属性に設定された値を示す、タイプ string または null または number の 2 番目の入力パラメーターです。値が null の場合、.removeAttr() と同様に、指定された属性が削除されます。

.attr() 手法は、属性の値を設定するのに便利です。特に、複数の属性を配置したり、関数によって返される値を使用したりする場合に便利です。 .attr() アプローチは、不整合を減らします。

jQuery の .attr() の詳細については、.attr() のドキュメントを参照してください。

例を見てみましょう。

コード-HTML：

<input type="checkbox" id="Mumbai">Mumbai
<input type="checkbox" id="Goa">Goa

コード-JavaScript+jQuery：

$('#Goa').attr('checked','checked');

それぞれ異なる ID が割り当てられた 2つのチェックボックスについて説明しました。attr() メソッドを使用して、チェックボックスのチェックされた属性にアクセスできます。

このメソッドを使用すると、デフォルト値として設定されるチェックボックスの属性を更新できます。jQuery をサポートするブラウザで上記のサンプルコードを実行すると、次の結果が表示されます。

出力：

コードデモの実行