javascript - this.is(":checked") が機能しない

Question

次のコードを使用して、フォーム内のすべてのチェックボックスをループしています。ボックスはphpスクリプトから動的に生成されるため、チェックボックスの名前や数はわかりません。

どのチェックボックスがチェックされているかを確認する必要があるため、それらのチェックボックスのみをフォームを処理する PHP スクリプトに渡します。

 $("#panelform input:checkbox").each(function () {
    if(this.is(":checked")){
    fields = fields+"&"+this.name+"="+this.value;
}
});

スクリプトが this.is(":checked") に到達するとエラーになりますが、jquery であるため、コンソールにエラーメッセージが表示されず、停止するだけです。

最初の行の後に "this" を警告または console.log にすると、フォームフィールドが表示されるので、それがうまく機能することがわかります。

score 5 · Accepted Answer

で試してみてください

 if($(this).is(":checked")){

はthisDOM内のノードへの単なる参照であるため（代わりにjQueryラッパーを使用してメソッドをチェーンする必要があります） is()。

score 3 · Accepted Answer

これを試して：

if( this.checked)

thisはプレーンなDOMノードでcheckedあり、チェックされているかどうかを通知するプロパティです。プロパティが設定されているかどうかを確認するためだけにまったく新しいjQueryオブジェクトを作成するのは冗長です。

score 2 · Accepted Answer

そのコンテキストでthisは、jQuery オブジェクトではなく DOM 要素を参照し、DOM 要素にはメソッドがありませんis()。is メソッドを使用する場合は、jQuery オブジェクトでラップできます。

if($(this).is(":checked")){

または、DOM 要素のcheckedプロパティを使用します。

if(this.checked){

score 1 · Accepted Answer

$(this).is(':checked')

フォームをシリアル化したい場合は、これを試してください

$('your-form-selector').serializeArray()

4 に答える 4