Question

given a html such as:

<ul id="timesheetList">                                              
<li>
    <table>
        <tbody>
            <tr>
                <td>
                    <input type="checkbox" class="bigcheck">
                </td>
                <td>
                    <p class="hiddenId">73</p>
                </td>
            </tr>
        </tbody>
    </table>
</li>
<li>
    <table>
        <tbody>
            <tr>
                <td>
                    <input type="checkbox" class="bigcheck">
                </td>
                <td>
                    <p class="hiddenId">44</p>
                </td>
            </tr>
        </tbody>
    </table>
</li>
    <!-- the list goes on... -->

how can I select all the IDS ( in this case 44 and 73 ) for all the “checked” (whose status is checked) chechboxes whose class is “bigcheck” ?

thanks

Answer 1

1. First get all the checked checkboxes. U can use

   $(“input:checkbox[name=type]:checked”).each(function(){

   });

   1. Then, u need to get to the TD, using parentNode()
   2. Then, use nextSibling(), to reach immediate next TD.
   3. Then, TD.childNodes[1].innerHTML, will give u the result

Note: If u r using this approach, then ur structure should remain same.