1

フォーム内の複数の要素にクラスを追加しようとしています。これが私のjQueryコードです：

$('input[type="text"],input[type="password"],select,input[type="submit"],input[type="checkbox"]').addClass("idleField");

チェックボックスを除くすべての機能で機能します。なぜですか？

注：次の構文でも試してみました。

：チェックボックス

#myForm：チェックボックス

ありがとうございました！

4

2 に答える 2

1

それは私にとって完全にうまく機能します。チェックボックスのスタイルを間違っているのではないでしょうか。

jsFiddle

HTML

<input type="checkbox" />

CSS

.idleField {
    display:block;
    width:100px;
    height:100px;
}

JS

$(document).ready(function () {
    $('input[type="text"],input[type="password"],select,input[type="submit"],input[type="checkbox"]').addClass("idleField").addClass("idleField");
});

アップデート

jsFiddleで機能していますが、スタイルをチェックボックスに適用することはできません。チェックボックス（およびラジオボタン）はオペレーティングシステムによって決定され、たとえばテキストボックスと同じようにスタイルを設定することはできません。通常、チェックボックスまたはラジオボタンのスタイル設定には、元の入力を非表示にしてから、新しいdiv（またはラベル）を作成し、疑似要素を使用してスタイル設定することが含まれます。

ここに画像の説明を入力してください

于 2013-03-26T00:49:32.197 に答える
1

LIVE DEMO

$(':text, :password, :submit, select, :checkbox').addClass("idleField");
于 2013-03-26T01:05:11.357 に答える