1

Здравствуйте, как правильно отследить изменение статуса checked input:radio и если отмечен, то брать значение соответствующего ему select (платежный метод), с которым он находится в одной строке таблицы. И наоборот, если произошло изменение select (платёжный метод), то отмечать отмеченным соответствующий input:radio в строке таблицы. Screenshot

1 ответ 1

1

$("input, select").on("change", function() {
  var $closest = $(this).closest("tr");
  var $input = $closest.find("input");
  var $select = $closest.find("select");
  
  $input[0].checked = true;
  
  alert($input.val() + ": " + $select.val());
});
table {
  width: 100%;
}
td {
  padding: 10px;
  border-bottom: 1px #ccc solid;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <input type="radio" name="pay" value="1">
    </td>
    <td>
      <select>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
    </td>
  <tr>
  
  <tr>
    <td>
      <input type="radio" name="pay" value="2">
    </td>
    <td>
      <select>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
      </select>
    </td>
  <tr>
</table>

6
  • Лови пятюню Можешь еще киви или ЯД дать, на пиво хоть скину) Commented 19 мая 2017 в 12:20
  • @АндрейВоронов ты лучше мой ответ пометь как решение)
    – lampa
    Commented 19 мая 2017 в 12:27
  • Хорошего дня! Спасибо за помощь. Commented 19 мая 2017 в 12:34
  • @lampla нашёл баг небольшой. Суть заключается в следующем. Выбираешь селект один раз- отмечается в этой строке input, всё ок. Если потом выбрать в другой строке- также отмечается, а вот если обратно в первой строке нажать, то остаётся отмеченным прошлый input Commented 19 мая 2017 в 15:09
  • @АндрейВоронов обновил, попробуй.
    – lampa
    Commented 22 мая 2017 в 8:37

Ваш ответ

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

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