how to get the value of a checked checkbox

Question

I have a form like below:

   <form id="toppings_div" name="form1" method="post" action="">
                            <table width="355">
                              <tr>
                                <td>
                                  <input type="checkbox" value="Cheese" />
                                  <label>Extra cheese</label>
                                </td></tr></table></from>

I was just wondering how I can get to the value of the checkbox if it's checked.

thanks

        alert($('#toppings_div').children().children().children().children(':checked').val());

using the code above gives me an undefined answer,

thanks

Answer 1

Try .checked()

Answer 2

Thanks for the help,

I found the answer,

alert($('input:checked').val() );

Answer 3

$('#toppings_div input:checkbox:checked').val() is all that's needed. The > in the selector means direct descendant of.