Skip to content

All topics  /  jQuery

How To get multiple selected checkbox value using jquery ?

jQuery ·

Hi Guys,

In this example,I will learn you How To get multiple selected checkbox value using jquery.you can easy and simply get multiple selected checkbox value using jquery.

If you have multiple checkbox list or in table rows then we can get all checked checkbox value in string or array in jquery.

Example:


<!DOCTYPE html>
<html>
<head>
    <title>Get selected checkbox value from checkboxlist in Jquery - Nicesnippests.com</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>

   
<table id="tblPosts">
    <tr>
        <td><input id="checkbox1" type="checkbox" value="1"/><label>Php CRUD</label></td>
    </tr>
    <tr>
        <td><input id="checkbox2" type="checkbox" value="2"/><label>Php Rest API</label></td>
    </tr>
    <tr>
        <td><input id="checkbox3" type="checkbox" value="3"/><label>Php PDF</label></td>
    </tr>
    <tr>
        <td><input id="checkbox3" type="checkbox" value="4"/><label>Php Import Export</label></td>
    </tr>
    <tr>
        <td><input id="checkbox4" type="checkbox" value="5"/><label>Php Admin Panel</label></td>
    </tr>
</table>
<br />
<input type="button" id="btnClick" value="Get" />

   
</body>

   
<script type="text/javascript">
    $(function () {
        $("#btnClick").click(function () {
            var selected = new Array();

 
            $("#tblPosts input[type=checkbox]:checked").each(function () {
                selected.push(this.value);
            });

 
            if (selected.length > 0) {
                alert("Selected values: " + selected.join(","));
            }
        });
    });
</script>

   
</html>

It will help you...

More on this topic