0

Не могу найти решение в HTML, как сделать так чтобы можно было в одной форме выбрать несколько значений (то есть: или или) черное или белое.

Вот макет формы

    <form action="form.php" method="post">
        Выберите: черное или белое
        <input type="radio" name="sum" value="100"> черное<br>
        <input type="radio" name="bum" value="100"> белое<br>
        Выберите: черное или белое
        <input type="radio" name="sum" value="200"> черное<br>
        <input type="radio" name="bum" value="200"> белое<br>
        Выберите: черное или белое
        <input type="radio" name="sum" value="400"> черное<br>
        <input type="radio" name="bum" value="400"> белое<br>
        <input class="button" type="submit" value="Отправить">
    </form>
0

1 ответ 1

1

Взаимоисключение инпутов с type="radio" определяется атрибутом name.

    <form action="form.php" method="post">
        Выберите: черное или белое 1<br/>
        <input type="radio" id="item1_black" name="item1" value="black" checked> <label for="item1_black">черное</label><br>
        <input type="radio" id="item1_white" name="item1" value="white"> <label for="item1_white">белое</label><br>
        Выберите: черное или белое 2<br/>
        <input type="radio" id="item2_black" name="item2" value="black" checked> <label for="item2_black">черное</label><br>
        <input type="radio" id="item2_white" name="item2" value="white"> <label for="item2_white">белое</label><br>
        Выберите: черное или белое 3<br/>
        <input type="radio" id="item3_black" name="item3" value="black" checked> <label for="item3_black">черное</label><br>
        <input type="radio" id="item3_white" name="item3" value="white"> <label for="item3_white">белое</label><br>
        <br/><br/>
        <input class="button" type="submit" value="Отправить">
    </form>

На сервер придет: item1=[black-or-white] item2=[black-or-white] item3=[black-or-white].

3
  • Увы это решение я знаю, но поле name в данном примере разное sum и bum
    – Kenno
    24 фев 2016 в 22:43
  • 1
    @Kenno - Так сделайте их одинаковыми.
    – user176262
    24 фев 2016 в 22:50
  • Решил использовать label и при выводе визуальной части формы изменить внешний вид, так что при сохранном значении name... форма выглядит употребима (а радио кнопки скрыл)
    – Kenno
    24 фев 2016 в 23:11

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.