JQuery - Imprimir lo que se ingresa en un text con los checkbox seleccionados

   
Vista:

Imprimir lo que se ingresa en un text con los checkbox seleccionados

Publicado por agu (1 intervención) el 21/08/2016 00:06:30
Hola necesito hacer una impresion de lo que se ingrese una text junto con un listado de los checkbox que se hayan seleccionado, de manera que quede algo asi:

"Se ha creado el perfil de "text" con los siguientes examenes: ";
Eritro
Glucemia
Uremia

este es el codigo que uso:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<html>
<head>
 
<title>Creacion de perfil de examen complementario</title>
 
 
<meta charset="utf-8">
 
 
<link rel="stylesheets" href="http://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 
<script>
 
    $(document).ready(function(){
       $('#btnEjemplo').click(function(){
			if( $('.Eritro').prop('checked') )
			{
    			alert('Eritro');
			}
			if( $('.Glucemia').prop('checked') )
			{
    			alert('Glucemia');
			}
			if( $('.Uremia').prop('checked') )
			{
    			alert('Uremia');
			}
			if( $('.HIV').prop('checked') )
			{
    			alert('HIV');
			}
			if( $('.TGO').prop('checked') )
			{
    			alert('TGO');
			}
			if( $('.GGT').prop('checked') )
			{
    			alert('GGT');
			}
			if( $('.Fosf.Alc.').prop('checked') )
			{
    			alert('Fosf.Alc.');
			}
			if( $('.VDRL').prop('checked') )
			{
    			alert('VDRL');
			}
			if( $('.Hemograma').prop('checked') )
			{
    			alert('Hemograma');
			}
			if( $('.Orina').prop('checked') )
			{
    			alert('Orina');
			}
			if( $('.RXTorax').prop('checked') )
			{
    			alert('RXTorax');
			}
			if( $('.RXColumnaLumbosacra').prop('checked') )
			{
    			alert('RXColumnaLumbosacra');
			}
			if( $('.Electrocardiograma').prop('checked') )
			{
    			alert('Electrocardiograma');
			}
			if( $('.AudiometriaTonal').prop('checked') )
			{
    			alert('AudiometriaTonal');
			}
 
			if( $('.Espirometria').prop('checked') )
			{
    			alert('Espirometria');
			}
			if( $('.Psicologico').prop('checked') )
			{
    			alert('Psicologico');
			}
 
        });
 
	});
 
</script>
 
 
 
 
</head>
<body>
<form>
 
<input type="checkbox" name="Eritro" value="Eritro">Eritro<br>
<input type="checkbox" name="Glucemia" value="Glucemia">Glucemia<br>
<input type="checkbox" name="Uremia" value="Uremia">Uremia<br>
<input type="checkbox" name="HIV" value="HIV">HIV<br>
<input type="checkbox" name="TGO" value="TGO">TGO<br>
<input type="checkbox" name="GGT" value="GGT">GGT<br>
<input type="checkbox" name="Fosf.Alc." value="Fosf.Alc.">Fosf. Alc.<br>
<input type="checkbox" name="VDRL" value="VDRL">VDRL<br>
<input type="checkbox" name="Hemograma" value="Hemograma">Hemograma<br>
<input type="checkbox" name="Orina" value="Orina">Orina<br>
<input type="checkbox" name="RXTorax" value="RXTorax">RX Torax<br>
<input type="checkbox" name="RXColumnaLumbosacra" value="RXColumnaLumbosacra">RX Columna Lumbosacra<br>
<input type="checkbox" name="Electrocardiograma" value="Electrocardiograma">Electrocardiograma<br>
<input type="checkbox" name="AudiometriaTonal" value="AudiometriaTonal">Audiometria Tonal<br>
<input type="checkbox" name="Espirometria" value="Espirometria">Espirometria<br>
<input type="checkbox" name="Psicologico" value="Psicologico">Psicologico
</form>
 
Nombre del Nuevo Perfil:<br>
<input type="text" name="perfil" id="perfil" value="">:<br><br>
 
<button id="btnEjemplo" onClick="myFunction()">Crear Nuevo Perfil </button> <br><br>
 
<div id="resultado"></div>
 
 
<script>
function myFunction()
{
   var porId=document.getElementById("perfil").value;
   document.getElementById("resultado").innerHTML=
   "Se ha creado el perfil de "+porId+" con los siguientes examenes: <br>";
 
}
</script>
 
 
</body>
</html>


nota quisiera saber tambien como puedo hacer para imprimir pero los valores de las checkbox pero como un listado uno abajo del otro, no como una alert
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Imprimir lo que se ingresa en un text con los checkbox seleccionados

Publicado por xve (557 intervenciones) el 21/08/2016 08:14:53
Hola agu, te he modificado la función myFunction() para que te muestre los valores que deseas...
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
function myFunction()
{
   var porId=document.getElementById("perfil").value;
   var resultado="Se ha creado el perfil de "+porId+" con los siguientes examenes: <br>";
 
	$("input[type=checkbox]").each(function(){
		if($(this).is(":checked"))
			resultado+=$(this).val()+"<br>";
	});
	document.getElementById("resultado").innerHTML=resultado;
}
</script>

Espero que te sirva...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar