checkbox : cochage sur trigger(onclick) renvoie état : false

**elderion** · 18/06/2012, 16h25

Bonjour
j'ai un probleme etrange.
c'est peut etre connu mais je bloque.

Via jQuery, je binde un event onclick du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('#mycheckbox').click(function callback(){ 
console.log($(this).is(':checked'));
....suite des operation..
});

si je coche la case avec la souris, la fonction de callback affiche bien "true" dans la console Firebug.

En revanche si je coche la case, sans souris, avec un trigger JS du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#mycheckbox').click() ou  $('#mycheckbox').trigger('click')

la fonction de callback renvoit "false"

Je n'utilise pas $('#mycheckbox').attr('checked', true)
sinon la fonction de callback n'est pas déclenchée

Une idée de pourquoi le résultat ets différent entre souris et trigg ?
ya til une solution ?

merci d'avance

**SpaceFrog** · 18/06/2012, 16h51

En revanche si je coche la case, sans souris,

c'est a dire au clavier ???
tu me diras comme tu fais un click au clavier ...

=> onkeyup

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$('#mycheckbox').bind('click keyup', function(){ 
console.log($(this).is(':checked'));
....suite des operation..
});

**elderion** · 18/06/2012, 16h55

En revanche si je coche la case, sans souris,

sans souris : déclencher le cochage de la case via un trigger Javascript

J'ai trouvé une piste sur ce blog
mais el'usage de triggerHandler() fonctionne pas...

**SpaceFrog** · 18/06/2012, 17h06

juste un petit souci de latence on dirait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
 
	$(function(){
	 $('#foo').click(function (){ setTimeout(function(obj){alert($('#foo').is(':checked'))},1) } )
	 $('#bar').click(function(){ $('#foo').trigger('click') })
	})
 
</script>
</head>
<body>
<input type="checkbox" id="foo" />
<input type="button" id="bar" value = "check" />
</body>

checkbox : cochage sur trigger(onclick) renvoie état : false

jQuery

Discussions similaires

Partager

Partager