如何在相同类型的输入中找到单击的输入元素的顺序?

时间:2011-05-29 09:19:52

标签: javascript jquery forms

假设一个表单有5个“文本”输入和3个“无线电”输入。如果用户点击其中一个“无线电”输入,如何在相同类型的输入中找到该输入的索引?换句话说,如果用户点击三个无线电输入中的第二个,我正在寻找结果2.

我在jQuery中尝试了以下内容:

$("input").click(function(event) {
    alert( $("input").index(event.target) );
}

这很接近,但它返回所有输入结果中的索引,而不仅仅是单击的输入类型。

注意:我不知道在触发事件之前输入类型是什么,所以我问如何根据点击的输入类型缩小选择器范围。

2 个答案:

答案 0 :(得分:1)

尝试

$("input").click(function(event) {
    alert( $("input[type=" +this.type +"]").index(event.target) );
});

答案 1 :(得分:0)

也许是这样的:

$('input').click(function () {
    var i = $('input:' + $(this).attr('type')).index(this);
});