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();
}
});