seleccionar - Cómo desmarcar la casilla de verificación usando la biblioteca JQuery Uniform

uncheck checkbox jquery

Question

Tengo un problema para desmarcar una checkbox . Eche un vistazo a mi jsFiddle , donde estoy intentando:

   $("#check2").attr("checked", true);

Uso uniform para diseñar la checkbox y simplemente no funciona para marcar / desmarcar la checkbox .

¿Algunas ideas?

Answer 1

Al mirar sus documentos, tienen una característica $.uniform.update para actualizar un elemento "uniformado".

Ejemplo: http://jsfiddle.net/r87NH/4/

$("input:checkbox").uniform();

$("body").on("click", "#check1", function () {
    var two = $("#check2").attr("checked", this.checked);
    $.uniform.update(two);
});

Answer 2

En algún caso, puede usar esto:

$(''.myInput'').get(0).checked = true

Para alternar puedes usar if else con la función

Answer 3

En primer lugar, checked puede tener un valor de checked o una cadena vacía.

$("input:checkbox").uniform();

$(''#check1'').live(''click'', function() {
    $(''#check2'').attr(''checked'', ''checked'').uniform();
});

Answer 4

La otra forma de hacerlo es

use $(''#check2'').click();

esto hace que el uniforme marque la casilla de verificación y actualice sus máscaras

Answer 5

Si usa uniforme 1.5 , use este truco simple para agregar o quitar el atributo de verificación
Simplemente agregue value = "check" en el campo de entrada de su casilla de verificación.
Agregue este código en uniform.js > function doCheckbox(elem){ > .click(function(){

if ( $(elem+'':checked'').val() == ''check'' ) {
    $(elem).attr(''checked'',''checked'');           
}
else {
    $(elem).removeAttr(''checked'');
}   

si no desea agregar value = "check" en su cuadro de entrada porque en algunos casos agrega dos casillas de verificación, use esto

if ($(elem).is('':checked'')) {
 $(elem).attr(''checked'',''checked'');
}    
else
{    
 $(elem).removeAttr(''checked'');
}

Si usa uniforme 2.0 , use este truco simple para agregar o eliminar el atributo de control
en esta classUpdateChecked($tag, $el, options) { cambio de función

if ($el.prop) {
    // jQuery 1.6+
    $el.prop(c, isChecked);
}

A

if ($el.prop) {
    // jQuery 1.6+
    $el.prop(c, isChecked);
    if (isChecked) {
        $el.attr(c, c);
    } else {
        $el.removeAttr(c);
    }

}

Answer 6

Solo haz esto:

$(''#checkbox'').prop(''checked'',true).uniform(''refresh'');

Answer 7

Una solución más simple es hacer esto en lugar de usar uniforme:

$(''#check1'').prop(''checked'', true); // will check the checkbox with id check1
$(''#check1'').prop(''checked'', false); // will uncheck the checkbox with id check1

Esto no activará ninguna acción de clic definida.

También puedes usar:

$(''#check1'').click(); // 

Esto alternará la casilla de verificación / desmarcar para la casilla de verificación, pero esto también activará cualquier acción de clic que haya definido. Así que ten cuidado.

EDITAR : jQuery 1.6+ utiliza prop() no attr() para el valor marcado de casillas de verificación

Answer 8

casilla que actúa como radio btn

$(".checkgroup").live(''change'',function() { var previous=this.checked; $(".checkgroup).attr("checked", false); $(this).attr("checked", previous); });

Answer 9

necesita llamar a $.uniform.update() si actualiza el elemento usando javascript como se menciona en la documentación.

Answer 10

$("#chkBox").attr(''checked'', false); 

Esto funcionó para mí, esto desmarcará la casilla de verificación. De la misma manera que podemos usar

$("#chkBox").attr(''checked'', true); 

para marcar la casilla de verificación.

Answer 11

$(''#check1'').prop(''checked'', true).uniform(); 
$(''#check1'').prop(''checked'', false).uniform(); 

Esto funcionó para mí.