jQueryでラベルを無効にするにはどうすればよいですか? 私は試した:
$('#some-id').prop('disabled', true);
しかし、グレーアウトされていません。
私のHTMLは:<label for="some-id">Label Here</label><input id="some-id"/>
jQueryでラベルを無効にするにはどうすればよいですか? 私は試した:
$('#some-id').prop('disabled', true);
しかし、グレーアウトされていません。
私のHTMLは:<label for="some-id">Label Here</label><input id="some-id"/>
labels
組み込みの無効化プロパティはありません。これらを無効化するには、クラスを追加する必要があります。
何かのようなもの:
.disabled {
color: darkgrey;
background-color: grey;
}
クラスを要素に追加するには:
$('#some-id').addClass('disabled');
ラベルを無効にするには、関連付けられているフォーム コントロールを無効にします。
ただし、ラベルの外観は変更されません。そのためには、ラベルに適用される CSS を変更する必要があります。そのためには、要素にクラスを追加 (または削除) する (そして、そのクラスに一致する既存の CSS ルールセットを用意する) のが最適です。
次のように入力を無効にできます。
$("#test").attr("disabled", "disabled");
そもそもラベルは入力を受け付けないため、ラベルを無効にすることはできないことに注意してください。無効に見せたい場合は、テキストの色を灰色に変更することを検討してください。
$("#test").css("color", "#666");