Cómo obtener el valor de la lista de casilla de verificación seleccionada en Jquery

Frontend 2021-09-28 21:03:17 0 4,178

En esta publicación, veremos cómo obtener el valor de la casilla de verificación seleccionada de la lista de casillas de verificación en jquery, aquí obtendremos varios valores de casilla de verificación seleccionados usando el ejemplo de casilla de verificación jquery, si tiene varias casillas de verificación en las filas de la tabla en ese momento, obtenemos el valor de la casilla de verificación marcada en la matriz o cadena en jquery.

En este ejemplo, agregué un código jquery, una casilla de verificación html y un enlace de cdn y jquery de arranque, así que veamos cómo obtener un valor de casilla de verificación múltiple en jquery.

<html>
<head>
	<title>Get selected checkbox value from checkboxlist using jquery - itdot.cn</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>

    <div class="container" style="border:1px solid gray; margin-top: 20px;">
        <h3 class="text-center">Get selected checkbox value from checkboxlist using jquery - itdot.cn</h3>
        <div style="margin-left: 210px;">
        <input type="checkbox" id="id1" value="PHP"/> <label>PHP</label> <br>
        <input type="checkbox" id="id2" value="jQuery"/> <label>jQuery</label> <br>
        <input type="checkbox" id="id3" value="CSS"/> <label>CSS</label> <br>
        <input type="checkbox" id="id4" value="Bootstrap"/> <label>Bootstrap</label> <br>
        <input type="checkbox" id="id5" value="Laravel"/> <label>Laravel</label> <br><br>
        <input type="button" id="btn" value="Submit" class="btn btn-primary" style="margin-bottom: 20px;" />
        </div>
    </div>
</body>
<script type="text/javascript">
    $(function () {
        $("#btn").click(function () {
            var selected = new Array();
            $("input[type=checkbox]:checked").each(function () {
                selected.push(this.value);
            });
            if (selected.length > 0) {
                alert("Selected items: " + selected.join(","));
            }
        });
    });
</script>
</html>

Cómo obtener el valor de la lista de casilla de verificación seleccionada en Jquery-ITdot