In this tutorial, We will learn how to get all checked checkbox values using jquery. You can get all checked checkbox values using jquery.




Example:

<!DOCTYPE html>
<html>
    <head>
        <title>Jquery Get All Checked Checkbox Values in Array</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    </head>

    <body>

        
        <table id="tblFruits">  
            <label><b></b>Fruits :</label>
           
            <tr>
                <td><input id="fruit1" type="checkbox" value="1"/><label for="fruit1">Apple</label></td>
            </tr>
            <tr>
                <td><input id="fruit2" type="checkbox" value="2"/><label for="fruit2">Banana</label></td>
            </tr>
            <tr>
                <td><input id="fruit3" type="checkbox" value="3"/><label for="fruit3">Mango</label></td>
            </tr>
            <tr>
                <td><input id="fruit3" type="checkbox" value="4"/><label for="fruit3">Orange</label></td>
            </tr>
            <tr>
                <td><input id="fruit4" type="checkbox" value="5"/><label for="fruit4">Cherry</label></td>
            </tr>
        </table>
        <br/>
        <input type="button" id="btnClick" value="Get Value" />
    </body>
    <script type="text/javascript">
        $(function () {
            $("#btnClick").click(function () {
                var selected = new Array();
                $("#tblFruits input[type=checkbox]:checked").each(function () {
                    selected.push(this.value);
                });
                if (selected.length > 0) {
                    alert("Selected values: " + selected.join(","));
                }
            });

        });
    </script>
</html> 


Thanks, May this example will help you.