Getting correct index from input array in JQuery

Question

How do you get the proper index of a selected input from a set of input elements with irregularly numbered indexes using JQuery? JQuery's "index" function always returns a value starting from 0 instead of the indexes I used. My code is below:

JQuery:

$("input[name^=myboxes]").click(function() {
        var element_id = $("input[name^=myboxes]").index(this);
        alert(element_id); //will alert 0, 1, or 2 instead of 3, 8, or 10
});

HTML:

<input type="checkbox" id="myboxes[3]" name="myboxes[3]" value="CHECKED"  >
<input type="checkbox" id="myboxes[8]" name="myboxes[8]" value="CHECKED"  >
<input type="checkbox" id="myboxes[10]" name="myboxes[10]" value="CHECKED" CHECKED >

Thank you!

Nick Berardi · Accepted Answer · 2009-01-29 18:39:34Z

7

The following is what has always worked for me.

JQuery:

$("input[name^=myboxes]").click(function() {
        var element_id = $(this).attr("meta:index");
        alert(element_id);
});

HTML:

<input type="checkbox" id="myboxes[3]" name="myboxes[3]" meta:index="3" value="CHECKED"  >
<input type="checkbox" id="myboxes[8]" name="myboxes[8]" meta:index="8" value="CHECKED"  >
<input type="checkbox" id="myboxes[10]" name="myboxes[10]" meta:index="10" value="CHECKED" CHECKED >

Hope this helps.

answered Jan 29, 2009 at 18:39

Nick Berardi

55k15 gold badges118 silver badges137 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nick Pickering Over a year ago

Similar concept to use is data- attributes.

Bill Leeper · Accepted Answer · 2010-06-01 16:08:27Z

7

The selected answer has a few issues with syntax it should be:

$("input[name^=myboxes]").click(function() {
    var element_id = $(this).attr('id');
    //the initial starting point of the substring is based on "myboxes["
    var ix = element_id.substring(8,element_id.length - 1);
    alert(ix);
});

answered Jun 1, 2010 at 16:08

Bill Leeper

7031 gold badge10 silver badges21 bronze badges

Comments

JayTee · Accepted Answer · 2017-10-11 13:55:15Z

5

The value of your ID does not have an "index" property. It's just a string.

One suggestion: parse the id string to get your value:

$("input[name^=myboxes]").click(function() {
    var element_id = $(this).attr('id');
    //the initial starting point of the substring is based on "myboxes["
    var ix = element_id.substring(8,element_id.length - 1)
    alert(ix);
});

Hope this helps

edited Oct 11, 2017 at 13:55

answered Jan 29, 2009 at 18:39

JayTee

2,8162 gold badges25 silver badges32 bronze badges

Comments

Bernhard · Accepted Answer · 2017-01-07 13:29:02Z

0

it would be even shorter if you do it like this:

   var id = $(this).attr('id');
       // remove everything that is not a number
       id = id.replace(/[^0-9]/g, '');
       alert(id);

answered Jan 7, 2017 at 13:29

Bernhard

1,8701 gold badge12 silver badges19 bronze badges

Collectives™ on Stack Overflow

Getting correct index from input array in JQuery

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related