javascript - 如何从jquery中的每个函数获取单选按钮索引号

Question

当在 jquery 中对一组(比方说)3 个单选按钮使用 each() 函数时，我如何检索第 3 个按钮以便在它被选中时发生某些事情？基本上我如何从 each() 函数中选择我想要使用的元素？

这是我的代码:

HTML:

<form id="orderDefinition" name="orderDefinition">
  <fieldset>
    <input type="radio" name="radioGroup" /><label for="">radio 1</label>
    <input type="radio" name="radioGroup" /><label for="">radio 2</label>
    <input type="radio" name="radioGroup" /><label for="">radio 3</label>    
  </fieldset>
</form>

jQuery:

var radioBtnCollection = $("#orderDefinition input:radio");

$(radioBtnCollection).each(function(){
    // From here, I don't know how to get the element
});

提前致谢。

Answer 1

您可以使用 this operator 引用元素:

radioBtnCollection.each(function(){
    alert(this.name);
});

或者使用提供给函数的参数:

radioBtnCollection.each(function(index, element){
    if (index == 2 && element.checked)
        alert("3rd element is checked!");
});

如果你想在元素上执行任何 jQuery 方法，你需要用 jQuery 包装它。对于第一个示例，$(this)，对于第二个示例，$(element)。

您可以使用 :eq(2) 获取第三个单选按钮，而不是每个:

if ($("#orderDefinition input:radio:eq(2)")[0].checked)
    alert("3rd element is checked!");