Yo estaba tratando de cambiar el valor de una variable según el estado de una casilla de verificación
aquí está mi ejemplo de código

<script type="text/javascript">
if(document.getElementByType('checkbox').checked)
{
var a="checked";}
else{
var a="not checked";}
document.getElementById('result').innerHTML ='result '+a;
</script>
<input type="checkbox" value="1"/>Checkbox<br/>
<br/>
<span id="result"></span>

Puede usted por favor dígame cuál es el problema con este código.

OriginalEl autor | 2013-10-16

6 Comentarios

  1. 6

    Intente esto:

    if (document.querySelector('input[type=checkbox]').checked) {

    Demo aquí

    Sugerencia de código:

    <input type="checkbox" />Checkbox<br/>
    <span id="result"></span>
    <script type="text/javascript">
    window.onload = function () {
        var input = document.querySelector('input[type=checkbox]');
    
        function check() {
            var a = input.checked ? "checked" : "not checked";
            document.getElementById('result').innerHTML = 'result ' + a;
        }
        input.onchange = check;
        check();
    }
    </script>

    En tu post tienes el javascript antes de que el código HTML, en este caso el código HTML debe ser el primero, por lo que el javascript se pueden «encontrar». O, como en mi ejemplo una window.onload función, para ejecutar el código después de que se carga la página.

    su trabajo, sino cómo hacer que onload me refiero a cuando la página se abre, a continuación, debe mostrar «el resultado no comprobado»
    actualizado mi respuesta. He hecho una nueva función y se añade una llamada a ella att la parte inferior check();
    Ahora no hay ningún efecto cuando la casilla de verificación está activada/desactivada por favor revisar
    lo siento, mi edición había cometido un error. Fijo.
    la variable a es local es allí una manera de modificar una variable global

    OriginalEl autor Sergio

  2. 2
                $('#myForm').on('change', 'input[type=checkbox]', function() {
                    this.checked ? this.value = 'apple' : this.value = 'pineapple';
                });

    OriginalEl autor Everton Z. P.

  3. 0

    intentar algo como esto

    <script type="text/javascript">
        function update_value(chk_bx){
            if(chk_bx.checked)
            {
                var a="checked";}
            else{
                var a="not checked";
            }
            document.getElementById('result').innerHTML ='result '+a;
    
        }
    
    </script>
    <input type="checkbox" value="1" onchange="update_value(this);"/>Checkbox<br/>
        <span id="result"></span>
    No Su Trabajo.
    su trabajo de verificación correctamente sólo tienes que copiar y pegar y usar
    He Intentado, pero no funciona por favor revisar.
    compruebe este violín fuera jsfiddle.net/qhpbL

    OriginalEl autor rajesh kakawat

  4. 0

    Demasiado complicado. En línea de código hace que se enfríe.

    <input type="checkbox" onclick="yourBooleanVariable=!yourBooleanVariable;">

    OriginalEl autor MiKL

  5. 0

    Para aquellos que han intentado las opciones anteriores y todavía tiene un problema, por cualquier razón, usted puede ir de esta manera con el .prop() de jquery función:

    $(document.body).on('change','input[type=checkbox]',function(){
        if ($(this).prop('checked') == 1){
            alert('checked');
        }else{
            alert('unchecked');
    }

    OriginalEl autor Yazid Erman

  6. -1

    Este código se ejecutará sólo una vez y de verificación inicial de la casilla de verificación estado. Usted tiene que agregar detector de eventos para onchange evento.

    window.onload = function() {
        document.getElementByType('checkbox').onchange = function() {
            if(document.getElementByType('checkbox').checked) {
                var a="checked";
            } else {
                var a="not checked";
            }
            document.getElementById('result').innerHTML ='result '+a;
        }
    }

    OriginalEl autor Elon Than

Dejar respuesta

Please enter your comment!
Please enter your name here