My favorites ▼ | Sign in
Project Home Downloads Wiki Issues Source
Checkout   Browse   Changes    
  
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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Checkbox y operadores binarios</title>
<script>
 // Definimos el array con los datos 
 // Podemos modificar añadiendo o eliminando opciones 
 datos = ['Futbol','Baloncesto','Atletismo','Balonmano','Gimnasia','Karate'];

 // Variable que guarda el valor que se almacenara
 // en la Base de Datos
 var checkboxActivados = 0;

 function activarValor (numero) {
  checkboxActivados ^= numero;
 }

 function potencia ( exponente ) {
  
  // Retorna dos elevando al exponente recibido como parametro
  calculo = 1;
  for (x=0;x<exponente;x++) {
    calculo = calculo*2;
  }
  return calculo;
 }

 function listarActivos() {

  // Lista los checkbox que hay activados atendiendo a la
  // variable activado.
  lista = "Opciones activadas \n";

  for (x=0; x<datos.length; x++) {
   activado = checkboxActivados & potencia(x);
   if (activado != 0) {
     lista = lista + " ·" +    datos[x] + "\n";
   }
  }
  alert(lista);
 }

 function escribirOpciones () {

   // Función que crea los checkbox a partir del array
  for (x=0; x<datos.length; x++) {
   document.write("<input type='checkbox' onClick='activarValor(" 
     + potencia(x) + ");'>" + datos[x] + "<br>");
  }
 }
</script>
</head>
<body>
<h1>Checkbox y Operadores Binarios</h1>

<form name="form2">
<p> 
<script>escribirOpciones();</script>
<input type="button" name="Button1" value="Valor a la Base de Datos"
  onClick="alert(checkboxActivados);">
<input type="button" name="Button2" value="CheckBox seleccionados"
  onClick="listarActivos();">
</p>
</form>

<hr>
Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/2008/03/29/checkbox-y-operadores-dinamicos/">http://lineadecodigo.com/2008/03/29/checkbox-y-operadores-dinamicos/</a><br/>
<a href="http://lineadecodigo.com" title="Linea de Codigo">lineadecodigo.com</a>


</body>
</html>

Change log

r47 by vcuervo on Mar 29, 2008   Diff 
Checkbox y Operadores Binarios
Go to: 
Project members, sign in to write a code review

Older revisions

All revisions of this file

File info

Size: 2065 bytes, 73 lines
Powered by Google Project Hosting