33

私の Web ページには、いくつかのラジオ ボタンを配置しました。しかし、これらのボタンは正しく機能していません。複数のボタンをチェックできます。

コード：

<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >        
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="bcd" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="efg" >

フィドル

ボタン一つだけチェックしたい。誰か助けてください。

4

9 に答える 9

81

属性の値が異なるため、アイテムをグループ化するのと同じようにname、共通のname値を持つ必要があります..たとえば

<input type="radio" name="group1" />
<input type="radio" name="group1" />
<input type="radio" name="group1" />

<!-- You can select any one from each group -->

<input type="radio" name="group2" />
<input type="radio" name="group2" />
<input type="radio" name="group2" />

デモ

于 2013-10-31T15:38:51.993 に答える
6 
<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >        
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="abc" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="abc" >

すべての入力は同じ name="" 属性値を持つ必要があります

于 2013-10-31T15:40:53.657 に答える
0

同じように名前を付けると、php または受信コードでは次のようになります。

$_POST['name'] = 'value of selected radio button'
于 2013-10-31T15:40:04.607 に答える
0

name 設定は、フィールドが属するラジオ ボタンのグループを示します。1 つのボタンを選択すると、同じグループ内の他のすべてのボタンが選択解除されます。現在のボタンが属するグループを定義できない場合は、各ページにラジオ ボタンのグループを 1 つだけ配置できます。 例:

<input type="radio" name="fruit1" value="Apple"> Apple <br>
<input type="radio" name="fruit1" value="Apricot" checked> Apricot <br>
<input type="radio" name="fruit1" value="Avocado"> Avocado
<hr>
<input type="radio" name="fruit2" value="Banana"> Banana<br>
<input type="radio" name="fruit2" value="Breadfruit"> Breadfruit<br>
<input type="radio" name="fruit2" value="Bilberry" checked>  Bilberry
于 2014-09-11T05:50:56.460 に答える
0

名前属性は同じである必要があります。Name グループのラジオ ボタンをまとめて 1 つのユニットにします。

于 2013-10-31T15:38:48.367 に答える
0

「htmlラジオが機能していません」というキーワードを検索して、このスレッドにたどり着きました。コードを確認した後、javascript メソッド "event.preventDefault();" を使用していることに気付きました。私が作成したこのカスタム関数では、そのカスタム関数でこのイベントをトリガーした HTML ノードが「機能していない」ラジオの親でした。そこで、「event.preventDefault();」を削除して問題を解決しました。誰かが将来このスレッドにたどり着いた場合、これが何らかの形で（デバッグ目的であっても）役立つことを願っています。

于 2022-02-03T14:24:55.737 に答える