jqueryチェックボックスプロパティが機能しない

最近、Web ページを作成しているときに問題が発生しました。つまり、jQuery の prop() メソッドを使用してチェック ボックスの selected 属性を変更するときに機能しませんでした。いくつかの試みと調査を経て、最終的に解決策を見つけたので、以下に共有します。

まず、コードを見てみましょう:

<input type="checkbox" class="my-checkbox" checked>

$(".my-checkbox").prop("checked", false);

上記のコードは問題ないようですが、jQuery の prop() メソッドを使用して、チェック ボックスの selected 属性を次のように変更します。 false、つまり選択された状態をキャンセルします。しかし、ブラウザで Web ページを実行すると、チェック ボックスがオンのままで、prop() メソッドが機能しないことがわかります。 ＃＃＃＃＃＃どうしたの？実際、問題はchecked属性にあります。チェックされた属性は DOM 属性であり、HTML 属性ではありません。 DOM プロパティを変更するときは、jQuery の prop() メソッドの代わりにネイティブ JavaScript メソッドを使用する必要があります。したがって、HTML 属性を変更できるように、prop() メソッドを attr() メソッドに変更する必要があります。コードは次のとおりです:

$(".my-checkbox").attr("checked", false);

この変更後、Web ページを再度実行するとチェックボックスのステータスが変更されたことがわかります。

さらに、 prop() を使用して、checked 属性を変更することも可能です。ただし、prop() の 2 番目のパラメータをブール値ではなく「true」または「false」の文字列値に変更する必要があります。コードは次のとおりです。

$(".my-checkbox").prop("checked", "false");

このようにして、prop() メソッドを使用してチェック ボックスの selected 属性を変更できます。

要約すると、jQuery の prop() メソッドを使用して DOM 属性を変更する場合は、DOM 属性ではなく HTML 属性を使用することに注意する必要があります。さらに、prop() メソッドを使用する場合、場合によってはブール値が機能しないという問題を回避するために、2 番目のパラメーターを文字列値に変更することもできます。この記事が同様の問題を回避し、プログラミング作業を正常に完了するのに役立つことを願っています。

以上がjqueryチェックボックスプロパティが機能しないの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。