Boton cambia de color segun checkbox
Publicado por Giancarlo Laredo (1 intervención) el 03/08/2014 00:40:59
Amigos,
Espero sea por este canal. Tengo el siguiente codigo que deberia permitirme cambiar el estado (activado/desactivado) y color de un boton, segun selecciones o no un checkbox.
El codigo funciona en esta página que encontre http://jsfiddle.net/zS8ME/
Pero yo no logro hacerlo funcionar cuando pongo todo el codigo en un archivo html, el cual detallo.
He probado de mil maneras, pero no logro hacer que funciones, les agradeceré mucho si saben en que estoy fallando.
Gracias.
Espero sea por este canal. Tengo el siguiente codigo que deberia permitirme cambiar el estado (activado/desactivado) y color de un boton, segun selecciones o no un checkbox.
El codigo funciona en esta página que encontre http://jsfiddle.net/zS8ME/
Pero yo no logro hacerlo funcionar cuando pongo todo el codigo en un archivo html, el cual detallo.
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
<html>
<head>
<script>
$('#okk').change(function () {
if ($(this).is(':checked')) {
$('#startthis').css('background-color','blue').prop('disabled', false);
} else {
$('#startthis').css('background-color','#ccc').prop('disabled', true);
}});
</script>
</head>
<style>
.styled-button-8 {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1', endColorstr='#188BC0', GradientType=0);
padding:8px 13px;color:#fff;
font-family:'Helvetica Neue', sans-serif;
font-size:17px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #1A87B9
}</style>
<body>
<form action="creatPro.php">
<input type="checkbox" name="okk" value="agree" id="ok" />agree
<br />
</div>
<center>
<input type="submit" name="startthis" value="agree" disabled id="startthis" class="styled-button-8" />
</center>
</fieldset>
</form>
</body>
</html>
He probado de mil maneras, pero no logro hacer que funciones, les agradeceré mucho si saben en que estoy fallando.
Gracias.
Valora esta pregunta
0
