0

Имеется несколько элементов на странице (наименование и цвет):

<input type="radio" name="catname" value=""> Томас
<input type="hidden" name="color" value="blue">
<input type="radio" name="catname" value=""> Джеральд
<input type="hidden" name="color" value="black">

Если выбрать Томаса, то форма передает его имя и последний цвет в списке (в этом случае "black").
Можно ли связать catname и color вместе при выборе радио-кнопки?

2
  • Если выбрать <input type="radio"> перед словом "Томас", то запрос будет выглядеть так: catname=&color=blue&color=black. Слова "Томас" в нём не будет, а цвета, на самом деле, передаются оба.
    – Regent
    12 окт 2015 в 11:47
  • ошибся, данные для передачи как: catname="Томас"&color="blue"
    – Plush
    12 окт 2015 в 11:57

1 ответ 1

1

Может, как-то так:

$(".cats").on("change", function() {
    var currentColor = $(this).data("color");
    $(".color").val(currentColor);
});
<input type="radio" class="cats" name="catname" data-color="black" value="Томас">
<input type="radio" class="cats" name="catname" data-color="white" value="Джеральд">
<input type="hidden" class="color" name="color" value="">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

2
  • Можно и "как-то так". Но если уж использовать JS с jQuery, то можно и без костылей в виде скрытого поля обойтись.
    – Regent
    12 окт 2015 в 11:59
  • @Regent, чем плох хиден фиелд? Ида, в другом случае нужно будет сабмитить тоже используя джквери, а так - как хочешь, не?
    – Ssss
    12 окт 2015 в 12:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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