[JavaScript][JQuery]Zaznaczenie checkboxa Opcje

[Lirdoner]

Witam, mój kod do zaznaczania i odznaczania checkboxów

[JAVASCRIPT] pobierz, plaintext 
$('#zaznacz').click(function() {
    $('input[type=checkbox]').attr('checked', true);
});
 
$('#odznacz').click(function() {
    $('input[type=checkbox]').attr('checked', false);
});
[JAVASCRIPT] pobierz, plaintext 

Problem w tym, że klikam #zaznacz to zaznacza okej, klikam #odznacz to odznacza okej ale jak już klikam znowu #zaznacz to nie ma żadnej reakcji.
Dodam, że w kodzie się zmienia checked="checked" ale nie widać tego wizualnie (w sensie nie pojawia się znak, że checkbox jest zaznaczony)

[kamil_lk]

Nie znam dobrze jq, ale pamiętam coś przy, którymś projekcie, że miałem problem z ponownym wywołaniem kodu.
Spróbuj tak

[JAVASCRIPT] pobierz, plaintext 
   $('#zaznacz').live(
    'click' , function() {
    $('input[type=checkbox]').attr('checked', true);
    });
 
    $('#odznacz').live(
    'click', function() {
    $('input[type=checkbox]').attr('checked', false);
    });
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował kamil_lk 14.02.2013, 12:46:31

[Greg0]

Lub po prostu zamienić funkcję attr() na funkcję prop()
http://jsfiddle.net/uv5r5/

Ten post edytował Greg0 14.02.2013, 12:51:44

[Lirdoner]

Nic z tego, nadal to samo
Zresztą ostatnio czytałem, że live już się nie używa, zamiast tego jest .on ale to także nie załatwia sprawy ;/

Okej, poradziłem sobie trochę inaczej
rozwiązanie:

[JAVASCRIPT] pobierz, plaintext 
$('#zaznacz').click(function() {
    $('input[type=checkbox]').prop('checked', 'checked');
});
 
$('#odznacz').click(function() {
    $('input[type=checkbox]').removeAttr('checked');
});
[JAVASCRIPT] pobierz, plaintext 

Dzięki za pomoc (IMG:style_emoticons/default/wink.gif)

Ten post edytował Lirdoner 14.02.2013, 12:50:04

[-Gość-]

Nie używaj live(). Funkcja jest przestarzała i niewspierana.