I have a table, listing foods, and each row in the table has a few
checkboxes the user can check to show if they eat the food for
breakfast, lunch, dinner, etc.  For example:

            <td width="8%">
                <center>
                    <input type="checkbox" name="Dinner_id_5"
value="9003" class="Dinner"><br>
                    Dinner
                </center>
            </td>

I want to be able to hide and show rows based on whether the checkbox
is checked. It's easy to hide all the rows, using this:

                        $(".food_planner tbody tr").hide();

Now I just want to show the rows that have, say, checkboxes of
class="Dinner" checked. I'm trying this:

                        $(".Dinner input:checked").parent().parent().show();

...but it doesn't seem to work yet. What's the correct way to do this?

Thanks very much in advance to all for any info.

Reply via email to