How to check status of Django generated multiple checkbox?

Question

I would like to know how to use jQuery to save the names of selected options from a Django based multiple checkbox? It seems like I was not be able to select the group of checkbox... Can someone give me suggestions on my code? Thanks!

jsfiddle example

HTML code

<table class="tab_model">
    <tbody>
        <tr>
            <th>
                <label for="id_model_0">Model:</label>
            </th>
            <td>
                <ul>
                    <li>
                        <label for="id_model_0">
                            <input type="checkbox" name="model" value="A" id="id_model_0">Model A</label>
                    </li>
                    <li>
                        <label for="id_model_1">
                            <input type="checkbox" name="model" value="B" id="id_model_1">Model B</label>
                    </li>
                    <li>
                        <label for="id_model_2">
                            <input type="checkbox" name="model" value="C" id="id_model_2">Model C</label>
                    </li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>
<input class="submit" type="submit" value="Submit">

jQuery

var allVals = [];

$('.submit').click(function () {
    $('input[id^="id_model_"] :checked').each(function () {
        allVals.push($(this).val());
    });
    alert(allVals);
});

Figured it out. I think an extra space ` :checked` kills the jQuery... — TTT
– TTT, Commented Aug 19, 2013 at 16:58
@Ariane your approach also works after removing the space. Thanks! — TTT
– TTT, Commented Aug 19, 2013 at 16:58

Rob L · Accepted Answer · 2013-08-19 16:58:45Z

1

I would give those boxes a class, something like class='the_checkboxes' Then use:

$(".the_checkboxes:checkbox:checked").each(function()({
    allVals.push($(this).val());
});

It will be cleaner (to me, anyway).

answered Aug 19, 2013 at 16:58

Rob L

3,7442 gold badges23 silver badges38 bronze badges

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

3 Comments

TTT Over a year ago

I agree. Since this multiple checkbox is built from Django, I need to add another jQuery statement to add a class. Thanks!

Rob L Over a year ago

Well that might not work, then. Since the classes may not be part of the DOM yet. Why can't you add the class from Django? Are you not using a template?

TTT Over a year ago

Yes. I am using a Django template. Of course, I can overwrite the existed template to add a class.

Collectives™ on Stack Overflow

How to check status of Django generated multiple checkbox?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related