Cómo obtener el valor de la lista de casilla de verificación seleccionada en Jquery
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>
- Anteriormente:¿Qué es CSS?
- Siguiente:5 errores comunes de HTML que debes evitar
Temas relacionados
- 2021-09-29 5 errores comunes de HTML que debes evitar
- 2021-09-26 ¿Qué es CSS?
- 2021-09-16 Cómo muestra el navegador el estilo predeterminado de los datos de la tabla
- 2021-09-15 ¿Cuál es la función del atributo list-style-image?
- 2021-09-07 ¿Cuáles son las ventajas del diseño Div + CSS?
Sus comentarios
- Clasificación del calor
-
- Cómo actualizar de Windows 10 a Windows 11 gratis
- Cómo evitar el envío de formularios duplicados
- Cómo pasar variables PHP a JavaScript en WordPress
- ¿Qué es un lenguaje de programación débilmente tipado?
- La diferencia entre saltos de línea y marcas de párrafo
- ¿Qué es el window.postMessage en HTML5?
- Cómo implementar las funciones de avance y retroceso del navegador para los botones de los formularios web
- El diseño de la tabla es de repente muy confuso
- ¿Cómo determinar si PHP es bueno para mi sitio web o WordPress?
- ¿Qué es un lenguaje de secuencias de comandos?
- El papel de la etiqueta ul de la lista desordenada
- Az automatikus gyorsítótárazási funkció hatása a dinamikus oldalakra
- ¿Qué es una declaración de documento XML?
- ¿Qué valores se pueden usar para la propiedad background-position?
- ¿Cuál es la diferencia entre fijo y absoluto?
- Últimas respuestas
-
-
Cómo evitar el envío de formularios duplicados
binary options system strategy page Respuesta 2022-04-01 03:42:00
-
¿Cómo determinar si PHP es bueno para mi sitio web o WordPress?
แอพเปลี่ยนรูปเป็นภาพวาด Respuesta 2022-03-27 18:27:12
-
Az automatikus gyorsítótárazási funkció hatása a dinamikus oldalakra
50 deposit binary options Respuesta 2022-03-24 05:31:20
-
Cómo evitar el envío de formularios duplicados
free binary options signals providers of goods Respuesta 2022-03-20 12:29:02
-
Cómo evitar el envío de formularios duplicados
binary options strategy 5 minutes 15 min no loss acord Respuesta 2022-03-20 09:44:29
-