Checkbox non coché avec .toggle()

Version imprimable

Bonjour

Je ne sais pas pourquoi, avec la méthode .toggle() mon checkbox fonctionne mais il n'est pas checké visuellement.

Merci d'avance !

Voici le code simple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 $(function() { $('input#lin').toggle(function(){ //$('input#lin').attr('checked'); $('input[name=list]').attr('checked', true); }, function(){ //$('input#lin').removeAttr('checked'); $('input[name=list]').attr('checked', false); }); });
et

Code:

<input type="checkbox" name="list" id="lin">

11/05/2011, 10h33
Loceka

Parce que la valeur de l'attribut "checked" n'est pas un booléen, mais "checked" si c'est coché. L'attribut n'est pas présent si l'élément n'est pas coché.
11/05/2011, 10h41
n3x1n²
Citation:

Envoyé par Loceka

Parce que la valeur de l'attribut "checked" n'est pas un booléen, mais "checked" si c'est coché.

En jQuery il y a 3 façon de "checker", en tout cas ceux que je connaisse :
Code:

1 2 3 4 $('input#lin').attr('checked'); $('input#lin').attr('checked', 'checked'); $('input#lin').attr('checked', true);
Je peux mettre les 2 premiers mais ça marchera quand meme pas.
11/05/2011, 10h42
Pilru

Quelle version de jQuery utilises-tu ?
11/05/2011, 10h42
n3x1n²

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
11/05/2011, 11h48
Pilru
Après une rapide recherche sur le net, effectivement toggle casse le fonctionnement d'une checkbox.

Tu peux utiliser change() à la place :
Code:

1 2 3 4 $('#lin').change(function() { $('input[name=list]').attr('checked', this.checked); });

Je peux pas utiliser .change() car il me semble que je peux pas mettre "if" là-dedans....
ça rentre jamais dans "else".

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
		var $lin = $('input#lin');
 
		$lin.change(function(){
 
			if($(this).is(":checked")){
				alert("2");
				$('tr#date'+idLeftItem).empty();
				$lin.attr('checked', false);
 
			}
			else{
 
				alert("1");
				$lin.attr('checked');
				$('tr#date'+idLeftItem).append(dateLin); //insert input
				$('input#pickLin').datepicker(); //load calendar
			}
 
		});

Le code suivant fonctionne très bien :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
    $(document).ready(function() {
        $('#lin').change(function() {
            if ($(this).is(":checked")) {
                alert("2");
            }
            else {
                alert("1");
            }
        });
    });

A quoi sert $lin.attr('checked', false); dans le if ?
Et $lin.attr('checked'); dans le else ?

Code:

1
2
3
4
5
$(document).ready(function() {
        $('#lin').change(function() {
                alert( ($(this).is(":checked"))?"2":"1");
                });
    });