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)了。我是否需要遍历每个输入类型的无线电选项并检查它是否已被选中？我希望有人能提出更好的方法。在上面的例子中，我想读一下top color = 1的检查值和底色的检查值是0

Answer 1

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

Answer 2

你可以这样做：

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

示例：http://jsfiddle.net/5vKxa/

读取已选中的单选按钮，但不会通过检查触发

2 个答案: