Чтение переключенных переключателей, но не срабатывание проверки

Question

У меня есть 2 разных поля переключателей name=top и name=bottom.

<div class="branch">
   <div class="element">
      <label for="top">top color:</label>
      <input type="radio" value="1" name="top" checked="checked">black
      <input type="radio" value="0" name="top">white
      <input type="radio" value="null" name="top">transparent
   </div>
   <div class="element">
      <label for="bottom">bottom color:</label>
      <input type="radio" value="1" name="bottom">black
      <input type="radio" value="0" name="bottom" checked="checked">white
      <input type="radio" value="null" name="bottom">transparent
   </div>
</div>

Я знаю, как определить значение переключателя в тот момент, когда он выбран, и я обращаюсь к $(this), чтобы получить только что выбранное значение.То, что я пытаюсь сделать, это запустить чтение, когда нажата не связанная кнопка.Я щелкаю другой элемент (не сам переключатель), и в этот момент я хочу прочитать, какое значение (черный, белый, прозрачный) проверяется на name=top и name=bottom.Как мне сделать это с помощью jquery?У меня больше нет ссылки на $(this).Нужно ли циклически переключаться между опциями радио каждого типа и проверять, проверено ли это?Я надеюсь, что кто-то может предложить лучший способ.В приведенном выше примере я хочу прочитать, что проверенное значение для верхнего цвета = 1 и проверенное значение для нижнего цвета - 0

Answer 1

вы можете сделать:

var topVal = $("input[name=top]:checked").val();
var bottomVal = $("input[name=bottom]:checked").val();

пример: http://jsfiddle.net/5vKxa/

Answer 2

var topColor = $(".element input:checked").eq(0).val();