входной переключатель вертикальный и горизонтальный

Question

Мне нужна форма, в которой кто-то выбирает уникальное значение переключателей вертикальной и горизонтальной (вы увидите ниже, что я имею в виду). Я знаю, что могу сделать это с 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> 

Это, как я хочу использовать радио кнопки

, но и кто-то может использовать радио-кнопки, как

ли там любой путь t o делать это с помощью html или javascript?

Answer 1

Радиокнопки в строке должны иметь одинаковое значение name="nameValue". Поле value может быть различным для каждого переключателя.

Answer 2

Я думаю, что было бы лучше использовать флажки. И контроль, если другие флажки можно проверить или не использовать javascript.