javascript - libreria - iVerifique si la casilla de verificación está marcada

libreria icheck

Question

Estoy usando el complemento iCheck para personalizar casillas de verificación. Necesito mostrar cierto texto cuando una o más casillas de verificación están marcadas y ocultar el texto cuando ninguna está marcada.

El código que tengo actualmente muestra el texto al primer clic, pero no lo oculta a menos que haga clic 2 veces más. Tengo varias casillas de verificación y me gustaría mostrar el texto si una de ellas está marcada, de lo contrario, ocultar el texto. ¿Alguien tiene alguna idea? El complemento tiene:

ifChecked
ifChanged
ifClicked
ifUnchecked
ifToggled
ifDisabled
ifEnabled.......

devoluciones de llamada .... Aquí está la función de complemento

$(''input'').iCheck({ 
checkboxClass: ''icheckbox_square-blue'',
radioClass: ''iradio_square-blue'',
increaseArea: ''20%'' // optional
});

Esto es lo que intenté ...

$(''input'').on(''ifChecked'', function(event){
$(".hide").toggle();
});

html

<input type="checkbox">
<div class"hide" style="display:none">Hi there</div>

Answer 1

Escribí algo simple:

Cuando inicializas icheck como:

$(''input'').iCheck({
    checkboxClass: ''icheckbox_square-blue'',
    radioClass: ''iradio_square-blue'',
    increaseArea: ''20%'' // optional
});

Agregue este código debajo de él:

$(''input'').on(''ifChecked'', function (event){
    $(this).closest("input").attr(''checked'', true);          
});
$(''input'').on(''ifUnchecked'', function (event) {
    $(this).closest("input").attr(''checked'', false);
});

Después de esto, puede encontrar fácilmente el estado de su casilla de verificación original. Escribí este código para usar icheck en gridView y gridView a su estado desde el lado del servidor por C #.

Simplemente encuentre su checkBox desde su identificación .

Answer 2

Llamada

element.iCheck(''update'');

Para obtener el marcado actualizado en el elemento

Answer 3

Mira esto :

var checked = $(".myCheckbox").parent(''[class*="icheckbox"]'').hasClass("checked");

if(checked) {
  //do stuff
}

Answer 4

Para aquellos que luchan con esto:

var chckValue = $(''SELECTOR'').iCheck(''update'')[0].checked;

Esto devuelve directamente true o false como boolean .

Answer 5

Para saber si la casilla iCheck está marcada

var isChecked = $("#myicheckboxid").prop("checked");

Answer 6

Puede envolver todas sus casillas de verificación en una clase para padres y verificar la longitud de .checked ..

if( $(''.your-parent-class'').find(''.checked'').length ){
  $(".hide").toggle();
}

Answer 7

Solo necesita usar las devoluciones de llamada, de la documentación: https://github.com/fronteed/iCheck#callbacks

$(''input'').on(''ifChecked'', function(event){
  alert(event.type + '' callback'');
});

Answer 8

Todas las devoluciones de llamadas y funciones están documentadas aquí: http://fronteed.com/iCheck/#usage

$(''input'').iCheck(''check''); — change input''s state to checked
$(''input'').iCheck(''uncheck''); — remove checked state
$(''input'').iCheck(''toggle''); — toggle checked state
$(''input'').iCheck(''disable''); — change input''s state to disabled
$(''input'').iCheck(''enable''); — remove disabled state
$(''input'').iCheck(''indeterminate''); — change input''s state to indeterminate
$(''input'').iCheck(''determinate''); — remove indeterminate state
$(''input'').iCheck(''update''); — apply input changes, which were done outside the plugin
$(''input'').iCheck(''destroy''); — remove all traces of iCheck

Answer 9

Use el siguiente código para verificar si iCheck está marcado o no usando un solo método.

$(''Selector'').on(''ifChanged'', function(event){

    //Check if checkbox is checked or not
    var checkboxChecked = $(this).is('':checked'');

    if(checkboxChecked) {
        alert("checked");
    }else{
        alert("un-checked");
    }
});

Answer 10

Use este código para iCheck:

$(''.i-checks'').iCheck({
    checkboxClass: ''icheckbox_square-green'',
    radioClass: ''iradio_square-green'',
}).on(''ifChanged'', function(e) {
    // Get the field name
    var isChecked = e.currentTarget.checked;

    if (isChecked == true) {

    }
});

Answer 11

esto funciona para mí ... pruébalo

// Check #x
$( "#x" ).prop( "checked", true );
 
// Uncheck #x
$( "#x" ).prop( "checked", false );

Answer 12

puede obtener el valor de la casilla de verificación y el estado por

$(''.i-checks'').on(''ifChanged'', function(event) {
    alert(''checked = '' + event.target.checked);
    alert(''value = '' + event.target.value);
});

Answer 13

$(''input'').on(''ifChanged'', function(event) {
             if($(".checkbox").is(":checked")) {
                $value = $(this).val();
             }

             else if($(".checkbox").is(":not(:checked)")) {
                $value= $(this).val();
             }
        });