.index() inside .each() always return 0 when checkbox array in a table or div

Question

Please help me with this issues.

i'm going to get the index number of checked checkbox array which reside in a html table, but each time i alert the each of checkbox's index inside .each() , its will return 0 for each loop.

but this code will work if i remove the table and all its tr and td (leave the two checbox alone)

my jquery code:

function notify() {

               $("input[type = 'checkbox']:checked").each(function(){
               alert($(this).index());  /*always return zero when the check[] inside a table or div */                
               });           
           }

function main() {


        $("input[type = 'button']").click(notify);
}


$(document).ready(main);

my html code:

 <table>
   <tr><td>
    <input type='checkbox' name='check[]' />
   </td><td>
   <input type='checkbox' name='check[]' />
   </td> </tr>  
 </table>   
<input type='button' name='button' value='ok'/>

this is the link to my code in jsfiddle

.index() without arguments returns the position of the node among its own siblings. And in every <td> your checkboxes are the first (and the only) ones - so you're getting 0 See api.jquery.com/index — zerkms
– zerkms, Commented Apr 19, 2013 at 3:45
Good reason why this problem arise..i will study to find another solution. — user2297625
– user2297625, Commented Apr 19, 2013 at 14:03

PSR · Accepted Answer · 2013-04-21 12:30:30Z

4

Try this

$("input:checkbox:checked").each(function(index,value){
          alert($(this).parents('td').index());  
  });

http://jsfiddle.net/cuNE6/9/

edited Apr 21, 2013 at 12:30

answered Apr 19, 2013 at 3:45

PSR

40.4k43 gold badges115 silver badges154 bronze badges

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

2 Comments

user2297625 Over a year ago

still not working..the problem arise when the checbox[] elements in different td..if i remove the td, it works.

user2297625 Over a year ago

its working only when two the checkbox is ticked..but if only one checkbox is ticked, their always show 0 even though the 2nd checkbox is ticked.

PSL · Accepted Answer · 2013-04-20 03:41:36Z

0

This is probably what you are looking for. SInce you are wrapping your check boxes in td's, why not find the index of td

[Demo]

function notify() {

    $("input[type = 'checkbox']:checked").each(function () {
        alert($(this).parents('td').index());
    });
}

edited Apr 20, 2013 at 3:41

answered Apr 20, 2013 at 3:36

PSL

124k21 gold badges257 silver badges243 bronze badges

1 Comment

user2297625 Over a year ago

Thanks a lot..finally..thanks alot..for my case i need to add the td parrent. alert($(this).parents('td').parents('tr').index());

Collectives™ on Stack Overflow

.index() inside .each() always return 0 when checkbox array in a table or div

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related