0

チェックボックスがあります：

<input type="checkbox" id="OutOfPocket">Are you okay with paying out-of-pocket for these services?</input>

jQueryそして、私はそれを隠すためにいくつか持っています:

$('#OutOfPocket').hide();

しかし問題は、行がラベルを隠していないことです。そのため、ラベルを非表示にするために次のコマンドを試しましたが、すべて失敗しました。

$('#OutOfPocket').next('label').hide();
$('#OutOfPocket').siblings('label').hide();
$('#OutOfPocket').next('input ~ label').hide();
$('#OutOfPocket').next('span').hide();
$('#OutOfPocket').siblings('span').hide();
$('#OutOfPocket').next('input ~ span').hide();

チェック ボックスのテキストを非表示にするには、どのコードが必要ですか?

4

3 に答える 3

5

私の知る限り、その<input/>ような内部テキストはサポートされていません。<input>MDNから:

許可されたコンテンツ - なし。これは void 要素です。

使用しているブラウザーに関係なくラベルとして表示される場合がありますが、ラベルには実際のを使用することをお勧めし<label>ます。

<input type="checkbox" id="OutOfPocket"/><label for="OutOfPocket">Are you okay with paying out-of-pocket for these services?</label>
于 2013-05-07T02:39:34.920 に答える
0

ロブの答えに追加するには、入力タグは自己終了です。チェックボックスの場合、value 属性は非表示です。したがって、入力タグの後に実際にラベルを記述します。

<input type="checkbox">Are you okay with paying out-of-pocket for these services?

その場合、オブジェクトをコンテナ、つまりspanタグでラップするか、テキストをラベルでラップする必要があります。

于 2013-05-07T02:41:29.030 に答える
0

これを試して：

<label for="OutOfPocket">
<input type="checkbox" id="OutOfPocket"/>
  <span>Are you okay with paying out-of-pocket for these services?</span>
</label>

これにより、テキストをクリックしたときにチェックボックスをオンにできます。

また、テキストを簡単に非表示にすることができます:

$('label span').hide()
于 2013-05-07T02:41:43.473 に答える