Enviar checkbox sin boton submit

nattadsa · #1 (**permalink**) 02/08/2016, 17:52

Hola tengo el siguiente boton:
<input type="checkbox" id="AovivoOno" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>

Este boton con css y javascript lo deje como en las imagenes:

y

Quiero saber como podría guardar en la base de datos un valor 1 al presionar activo y un valo 0 al desactivar.
Pienso que sería bueno utilizar ajax para no refrezcar la página entera.

pateketrueke · #2 (**permalink**) 02/08/2016, 18:22

El campo lo recibirás como "on" en caso de enviarse, si no se marca entonces no se enviará nada, lee lo siguiente: http://www.php.net/variables.external

#3 (**permalink**) 02/08/2016, 20:55

[HIGHLIGHT="HTML"]Aplica:

Código Javascript:

Ver originaldocument.getElementById('asd').submit();

en el elemento que deseas, y en asd pones el id de tu form

ejemplo:

Código HTML:

Ver original<html>
    <head>
    </head>
    <body>
        <form method="post" action="" id="asd"/>
        <b onclick="document.getElementById('asd').submit();">CLICK ON ME!!</b><br/>
        <input type="text" name="asd"/>
        </form>
        
        <?php
        
        echo $_POST["asd"];
        
        ?>
    </body>
</html>

chulifo · #4 (**permalink**) 03/08/2016, 07:27

Lo que yo haría seria desde javascript, detectar los eventos que ocurran el #AovivoOno es decir cuando haya un cambio, detecto el valor que hay nuevo y lo envió por ajax al archivo.php doninformacionla información.

xfxstudios · #5 (**permalink**) 03/08/2016, 22:03

Prueba asi a ver:

Código HTML:

Ver original<input type="checkbox" id="check" value="si">

Código Javascript:

Ver original$(function(){
 
        $("#check").on('change', function() {
            
            if( $(this).is(':checked') ){
                /*LOQUE SEA QUE CUIQREAS*/
            }else{
                /*OTRO LO QUE SEA*/
            }
 
        });
 
    })

Alli verificamos en vivo cualquier cambio de ese checkbox y en consecuencia actuamos de acuerdo al caso. Fue rápido, verifica si funciona. Saludos

Muestra: https://jsfiddle.net/xa07vco6/3/