2016-03-22 33 views
0

ラジオボタンの垂直方向と水平方向の一意の値を選択するフォームが必要です。私はnameでそれを行うことができることを知っている。下のコードでは、同じ名前が縦書きで表示されます。入力ラジオボタン垂直と水平

はここに私のコード

<tr> 
    <td style="text-align:left;">tracking_url</td> 
    <td><input type="radio" name="tracking_url" value="image_url"></td> 
    <td><input type="radio" name="pr_image" value="tracking_url"></td> 
    <td><input type="radio" name="availability" value="tracking_url"></td> 
    <td><input type="radio" name="pr_price" value="tracking_url"></td> 
    <td><input type="radio" name="pr_final_price" value="tracking_url"></td> 
    <td></td> 
</tr> 
<tr> 
    <td style="text-align:left;">image_url</td> 
    <td><input type="radio" name="tracking_url" value="image_url"></td> 
    <td><input type="radio" name="pr_image" value="image_url"></td> 
    <td><input type="radio" name="availability" value="image_url"></td> 
    <td><input type="radio" name="pr_price" value="image_url"></td> 
    <td><input type="radio" name="pr_final_price" value="image_url"></td> 
    <td></td> 
</tr> 
<tr> 
    <td style="text-align:left;">availability</td> 
    <td><input type="radio" name="tracking_url" value="availability"></td> 
    <td><input type="radio" name="pr_image" value="availability"></td> 
    <td><input type="radio" name="availability" value="availability"></td> 
    <td><input type="radio" name="pr_price" value="availability"></td> 
    <td><input type="radio" name="pr_final_price" value="availability"></td> 
    <td></td> 
</tr> 
<tr> 
    <td style="text-align:left;">price</td> 
    <td><input type="radio" name="tracking_url" value="price"></td> 
    <td><input type="radio" name="pr_image" value="price"></td> 
    <td><input type="radio" name="availability" value="price"></td> 
    <td><input type="radio" name="pr_price" value="price"></td> 
    <td><input type="radio" name="pr_final_price" value="price"></td> 
    <td></td> 
</tr> 
<tr> 
    <td style="text-align:left;">full_price</td> 
    <td><input type="radio" name="tracking_url" value="full_price"></td> 
    <td><input type="radio" name="pr_image" value="full_price"></td> 
    <td><input type="radio" name="availability" value="full_price"></td> 
    <td><input type="radio" name="pr_price" value="full_price"></td> 
    <td><input type="radio" name="pr_final_price" value="full_price"></td> 
    <td></td> 
</tr> 

だ。これは私がラジオボタンに

enter image description here

を使用する方法ですが、また誰かが

enter image description here

のようにラジオボタンを使用することができますそこには何の道もないo htmlやjavascriptでそれをする??

答えて

0

行内のラジオボタンの値は、同じname="nameValue"である必要があります。 valueフィールドは、ラジオボタンごとに異なる場合があります。

+0

また、列内のラジオボタンも同じ 'name =" nameValue "を持つ必要があります。 – Sak

+0

ラジオボタンは、グループ化のために' name'属性に依存しています。ある行の各ラジオボタンが異なる 'name'属性を持っている場合、行ごとに複数のラジオボタンをクリックすることができます。この振る舞いをしたくない場合は、各ラジオボタンは行内で同じ 'name'属性値を共有する必要があります。この動作が必要な場合は、 'input type ="チェックボックス "を使用してください。 –

0

チェックボックスを使用する方が良いと思います。他のチェックボックスがチェックされているかどうかを制御したり、JavaScriptを使用しないでください。

+0

各列のラジオボタンをチェックしたい場合(2番目の選択肢)。列内のラジオボタンごとに異なる名前を付けなければなりません。ラジオボタンには意味がありません。ラジオボタンは、いくつかのオプションで1つの値を選択するために使用されます。だから、私はラジオボタンではなく、チェックボックスの入力を使用します。 – jonal

+0

よろしくお願いいたします。 – Sak

関連する問題