Checkbox non coché avec .toggle() [Résolu]

[n3x1n²]

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

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

[n3x1n²]

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.

[Pilru]

Quelle version de jQuery utilises-tu ?

[n3x1n²]

Code :

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

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

[n3x1n²]

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

[Pilru]

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 ?

[SpaceFrog]

Code :

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