0

私はhtmlとCSSに取り組んでいます。ページに 5 つのラジオ ボタンを追加する必要があり、<label>タグ内に追加しました。しかし、私がページを探すとき。選択されたすべてのラジオボタンが表示され、選択を解除することもできません。一度に選択できるラジオボタンは 1 つだけです。これが私のコードです。

<label class="radio"><input type="radio"> Pepse</label> 
<label class="radio"><input type="radio"> Coke</label> 
<label class="radio"><input type="radio">Mirinda</label>
<label class="radio"><input type="radio">Maaza </label>
4

3 に答える 3

0

1. ラジオのグループには名前が必要で、どのラジオが選択されているかをブラウザが認識できるようにします

2.ラベルを入力の外に置きたい場合は、for属性を使用して、このラベルが同じIDを持つラジオ用であることをブラウザに伝えることができます

<label for="a">a</label>
<input type="radio" name="aname" id="a" value="a"><br>
<label for="b">b</label>
<input type="radio" name="aname" id="b" value="b"><br>
<label for="c">c</label>
<input type="radio" name="aname" id="c" value="c"><br>
<label for="d">d</label>
<input type="radio" name="aname" id="d" value="d"><br>

でもラベル内のラジオも好きなので

<label><input type="radio" name="aname" value="a">a</label><br>
<label><input type="radio" name="aname" value="b">b</label><br>
<label><input type="radio" name="aname" value="c">c</label><br>
<label><input type="radio" name="aname" value="d">d</label><br>
<label><input type="radio" name="aname" value="e">e</label><br>

3. js を使用する場合を除いて、一般的な方法で値も必要です。

<label><input type="radio" name="aname">a</label><br>
<script>
document.write(document.getElementsByTagName('label')[0].childNodes[1].nodeValue)
</script>

後に書きます<br>

于 2013-06-06T15:30:05.280 に答える