2011-09-15 19 views
0

これは、ラジオボタンを表示する私のコードの短い部分です。なぜラジオボタンが正しく動作しないのですか?

<table width="100%"> 
    <tr> 

    <td style="text-align:center"> 
    <input type="radio" name="ah" value="" id="ah" align="left" checked="checked" />AH 
    </td> 

    <td style="text-align:center"> 
    <input type="radio" name="esp" value="none" id="esp" align="right"/>ESP 
    </td> 

    </tr> 
</table> 

問題は、ここで述べたように、デフォルトでチェックされ、私は他のラジオボタンをクリックしたときに、それはまた をチェックしますが、私はそれらを無効にする方法を今の両方がチェックされていることにより、1つのラジオボタン(AH)であることです。 1つのラジオボタンをクリックすると自動的に発生するはずです。他のボタンは自動的に無効にする必要があります。 私は間違っている私を修正してください?

答えて

6

、彼らは同じnameを共有する必要があります。

<table width="100%"> 
    <tr> 

    <td style="text-align:center"> 
    <input type="radio" name="someName" value="AH" id="ah" align="left" checked="checked" />AH 
    </td> 

    <td style="text-align:center"> 
    <input type="radio" name="someName" value="ESP" id="esp" align="right"/>ESP 
    </td> 

    </tr> 
</table> 
2

両方のラジオボタンに同じname属性を付ける必要があります。これにより、ブラウザは同じグループ内にあると認識します。一緒にグループのラジオボタンに

+0

感謝を助けるこれを試して、ここにHTML出力を表示することが可能ですスタックオーバーフロー ??? –

+0

@Uditようこそ。 「HTML出力」が意味することを正確には分かりませんか?レンダリングされたHTMLを意味するいいえ、それは不可能です:http://jsfiddle.netのようなサービスを使わなければならないでしょう –

1

彼らは同じname属性を持っている必要があります。

1

それが正常に動作し、その... uは教えてもらえます....あなたはラジオボタンの両方に同じ名前を付ける必要があり

<table width="100%"> 
    <tr> 

    <td style="text-align:center"> 
    <input type="radio" name="esp" value="" id="ah" align="left" checked="checked" />AH 
    </td> 

    <td style="text-align:center"> 
    <input type="radio" name="esp" value="none" id="esp" align="right"/>ESP 
    </td> 

    </tr> 
</table> 
関連する問題