3

最近htmlをいじっていて、ちょっとした問題に遭遇しました。

複数の要素を持つフォームがあるとしましょう。これらの要素の一部はチェックボックスであり、チェックボックスとそれに対応するテキストを非表示にする必要があります。フォーム全体を非表示にせずにこれを行うにはどうすればよいですか? これまでに試したことは次のとおりです。

<input type="checkbox" id=check1 status="display:none">Option 1<br>

ただし、これによりボックスが非表示になり、「オプション 1」というテキストが表示されたままになります。テキストも非表示にするにはどうすればよいですか？

4

10 に答える 10

3

入力を div でラップし、「style」タグを div に適用します。

<div style="display: none;">
  <input type="checkbox" id="check1">Option 1<br>
</div>
于 2013-08-27T13:00:06.603 に答える
1

div 内にチェックボックスを配置し、スタイルを div に適用します

<div style="display:none"><input type="checkbox" id=check1>Option 1<br></div>
于 2013-08-27T13:00:03.570 に答える
1

スパン/ラベルでラップしてから非表示にする必要があります

<input type="checkbox" id=check1 style="display:none"><label for="check1" style="display:none">Option 1</label><br>
于 2013-08-27T12:59:25.693 に答える
0 
<input type="checkbox" id="check1" style="display:none">
<label for="check1">Option 1</label><br>

JS:

$('label[for="check1"]').hide();
于 2013-08-27T13:00:29.067 に答える
0

このようなことを試してください

 <label style="display:none"><input type="checkbox" id=check1 >Option 1</label>
于 2013-08-27T13:01:01.580 に答える
0

以下を使用して、必要なニーズを取得します。

全体を でラップすると、を非表示にするためlabelに使用できます。style="display:nonelabel

<label style="display:none"><input type="checkbox" id="check1">Option 1</label>

また、status代わりにstyle使用しましたが、上記のコードを使用するとうまくいきます。

于 2013-08-27T13:09:30.323 に答える
0

私はあなたが意味style="display:noneしていると確信していますstatus、しかしここに行きます：

オプションのテキストは入力内になく、(チェックボックスの場合も) 入力できないため、それらをコンテナーでラップしてから、コンテナーを非表示にする必要があります。何かのようなもの：

<div id="checkboxcontainer" style="display: none">
    <input type="checkbox" id="check1">
    Option 1
    <br>
</div>
于 2013-08-27T13:00:04.000 に答える
0

わかりました、他の答えはその説明ではなかったので、私は先に進んでもう少し教育的になることができます. まず第一に、あなたが書いたコードはまったく問題ありませんが、HTML タグ内にラップされていないと、コンテンツを制御できなくなります。ここに他のすべての回答が書いたように、入力タグのラベルが明らかに必要です。

<input type="checkbox" id="check1"><label for="check1" >Option 1</label>

ラベルを使用するいくつかの異なる方法があります (コンテンツをより詳細に制御できるため、これをお勧めします)。上記の例では、入力 ID へのポインターである "for" 属性を使用して、ラベルがどの入力フィールド用であるかをブラウザーに伝えます (非常に明白ですよね?)。入力をラベル内にラップすることもできます（このスレッドに対する他のすべての回答と同様）。これは、一部の人々（私を含む）が好む方法です。

<label for="check1"><input type="checkbox" id="check1">Option 1</label>

ラップされた入力でラベルを非表示にするコードである（彼が呼んだ）JSを書いた人（つまり、ラベルと入力が非表示）の回答を見ました。ただし、これは jQuery も使用している JS であったため、そのコード スニペットを使用する前に、そのフレームワークを実装する必要があります。

$('label[for="check1"]').hide(); //This hides the label and the input at the same time if you wrap your input!

ラップされたバージョンのマークアップを使用し、ページに jQuery を実装してから、この回答で提供されているコードニペットを適用することをお勧めします。これにより、たとえばボタンのクリックなどで、入力とラベルを表示/非表示にすることができます。指導が必要な場合は、何でもお気軽にお尋ねください。:)

/J.

于 2013-08-27T13:29:00.063 に答える