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

Version imprimable

18/06/2012, 16h25
elderion

checkbox : cochage sur trigger(onclick) renvoie état : false
Bonjour
j'ai un probleme etrange.
c'est peut etre connu mais je bloque.

Via jQuery, je binde un event onclick du type :
Code:

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:

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

la fonction de callback renvoit "false" :aie:

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
18/06/2012, 16h51
SpaceFrog
Citation:

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:

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

Citation:

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...

juste un petit souci de latence on dirait

Code:

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>