Info

Which way is the best to get the checked checkboxes and radioboxes?

Preparation code

<p>
        <form action="" id="testform">
                <div>
                        <label ><input type="text" name="inputText1"/></label>
                        <input type="text" name="inputText2"/>
                        <input type="text" name="inputText3"/>
                        <input type="text" name="inputText4"/>
                        <input type="text" name="inputText5"/>
                        
                        <label><input type="checkbox" name="checkboxGroup1[]"/></label>
                        <input type="checkbox" checked name="checkboxGroup1[]"/>
                        <input type="checkbox" name="checkboxGroup1[]"/>
                        <input type="checkbox" name="checkboxGroup1[]"/>
                        <input type="checkbox" checked name="checkboxGroup1[]"/>
                        
                        <input type="checkbox" name="checkboxGroup2[]"/>
                        <input type="checkbox" checked name="checkboxGroup2[]"/>
                        <input type="checkbox" name="checkboxGroup2[]"/>
                        <input type="checkbox" checked name="checkboxGroup2[]"/>
                        <input type="checkbox" name="checkboxGroup2[]"/>
                        
                        <label >text<input type="radio" name="radioboxGroup1"/></label>
                        <input type="radio" name="radioboxGroup1"/>
                        <input type="radio" name="radioboxGroup1"/>
                        <input type="radio" name="radioboxGroup1"/>
                        <input type="radio" checked name="radioboxGroup1"/>
                        
                        <input type="password" name="pass"/>
                        <input type="password" name="pass"/>
                        
                        <input type="radio" name="radioboxGroup2"/>
                        <input type="radio" name="radioboxGroup2"/>
                        <input type="radio" checked name="radioboxGroup2"/>
                        <input type="radio" name="radioboxGroup2"/>
                        <input type="radio" name="radioboxGroup2"/>
                        <button type="submit">submit</button>
                </div>
        </form>
</p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$(':checked');

$('input:checked');

$('#testform input:checked');

$('#testform').filter(':checked');

$('#testform').filter('input:checked');

$('#testform').filter('input').filter(':checked');

document.querySelectorAll(':checked');

document.querySelectorAll('#testform input:checked');

document.getElementById('testform').querySelectorAll(':checked');

document.getElementById('testform').querySelectorAll('input:checked');

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments