jqueryはcecked属性を追加します

Web 開発では、フォームの送信は非常に一般的なタスクです。通常、フォームにはユーザーからの入力を収集するためのラジオ ボタンとチェックボックスが含まれています。場合によっては、デフォルトでラジオ ボックスまたはチェックボックスを事前に選択する必要がある場合があります。この場合、jQuery を使用して checked 属性を追加し、目的を達成できます。

jQuery はチェックされた属性を追加します

jQuery では、attr() メソッドを使用して要素の属性を追加または変更できます。ただし、ラジオ ボタンとチェック ボックスの場合は、attr() メソッドを使用するのではなく、prop() メソッドを使用して checked 属性を設定することに注意する必要があります。これは、checked 属性は実際にはブール値を表しており、attr() メソッドはブール属性を正しく設定できないためです。

たとえば、ラジオ ボタン ボックスを事前に選択したい場合は、次のコードを使用できます:

$('input[name=sex][value=male]').prop('checked', true);

このようにして、性別という名前のラジオ ボタン ボックスと男性という値は、選ばれる。

同様に、チェックボックスを事前に選択したい場合は、次のコードを使用できます:

$('input[name=hobby][value=sports]').prop('checked', true);

このようにして、趣味という名前のチェックボックスとスポーツという値が選択されます。

さらに、別の方法を使用して同じ効果を実現することもできます。つまり、HTML 要素にchecked属性を追加します。ただし、この方法は柔軟性が十分ではなく、プログラム内のラジオ ボックスやチェックボックスを動的に選択または選択解除する必要がある場合には適していません。

たとえば、次のコード スニペットは HTML でラジオ ボタンを事前に選択できます:

<input type="radio" name="sex" value="male" checked>

ただし、ラジオ ボタンの選択状態をキャンセルしたい場合は、手動で変更する必要があります。 HTML コードですが、これは明らかに良い解決策ではありません。

結論

jQuery を使用して selected 属性を追加することは、フォーム上のラジオ ボタンとチェック ボックスを事前に選択する簡単かつ効果的な方法です。 attr() メソッドを使用する代わりに、prop() メソッドを使用して、checked 属性を設定できます。このようにして、コードの正確性と信頼性を保証できます。同時に、プログラム内のラジオ ボタンやチェック ボックスを動的に選択または選択解除することもできるため、フォームの操作がより柔軟で便利になります。

以上がjqueryはcecked属性を追加しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。