[JQuery] Checkbox reaguje tylko dla pierwszego attr Opcje

[KotWButach]

No i mi głupio ale muszę was prosić o jeszcze jedną podpowiedź.

Mam taki kod. Jednak checkbox działa tylko za pierwszym zaznaczeniem i odznaczeniem potem już niestety nie reaguje (IMG:style_emoticons/default/sad.gif)

[PHP] pobierz, plaintext 
    $(".edit li:nth-child(1)").click(function() {
        $('input[type=checkbox]').attr('checked', false); // zmiana
        alert();
        $('input[type=checkbox]').attr('checked', true); // zmiana
        alert();
        $('input[type=checkbox]').attr('checked', false); // nie zmienia stanu
        alert();
        $('input[type=checkbox]').attr('checked', true); // nie zmienia stanu
        alert();
 
        return false;
    });
[PHP] pobierz, plaintext 

[nospor]

Do zaznaczenia powinienes uzyc
$('input[type=checkbox]').attr('checked', 'checked');

zas do odznaczenia
removeAttr('checked')

[KotWButach]

Niestety w dalszym ciągu reaguje tylko na pierwsze dwa (IMG:style_emoticons/default/sad.gif)

[PHP] pobierz, plaintext 
    $(".edit li:nth-child(1)").click(function() {
        $('input[type=checkbox]').attr('checked', 'checked'); // zmiana
        alert();
        $('input[type=checkbox]').removeAttr('checked'); // zmiana
        alert();
        $('input[type=checkbox]').attr('checked', 'checked'); // nie zmienia stanu
        alert();
        $('input[type=checkbox]').removeAttr('checked'); // nie zmienia stanu
        alert();
 
        return false;
    });
[PHP] pobierz, plaintext 

[trueblue]

Albo:

[HTML] pobierz, plaintext 
element.prop('checked', true/false);
[HTML] pobierz, plaintext 

A tu:

[HTML] pobierz, plaintext 
$('input[type="checkbox"]')
[HTML] pobierz, plaintext 

[nospor]

To jest dokladny kod jaki masz? Z tymi pustymi alert() pomiedzy?

[KotWButach]

alerty powstawiałem tylko po to by widzieć czy coś się zmienia nie muszę dzięki temu klikać co chwila. Taka testowa funkcja.

Pomogło

[PHP] pobierz, plaintext 
        $('input[type="checkbox"]').prop('checked', true/false);
[PHP] pobierz, plaintext 

Dziękuje wszystkim za pomoc.

Jednak wciąż nie rozumiem dlaczego poprzednie wersje nie działały szkoda (IMG:style_emoticons/default/sad.gif) .

Ten post edytował KotWButach 2.07.2014, 12:04:22

[by_ikar]

Bo jquery attr działa trochę "magicznie" do wersji 1.6. I jak masz powiedzmy textarea w którym masz atrybut value:

[HTML] pobierz, plaintext 
<textarea value="test"></textarea>
[HTML] pobierz, plaintext 

To jak użyłeś takiego kodu jquery:

Kod

console.log($('textarea ').attr('value'))

to do wersji 1.6 w konsoli mogłeś zobaczyć pusty string, ponieważ jqury pobierało wartość tą, która znajdowała się pomiędzy textarea, zamiast pobierać wartość z atrybutu. A całość ma swoje podłoże w różnicy między właściwościami znacznika, a jego atrybutami. Tak przykładowo:

[HTML] pobierz, plaintext 
<input type="checkbox" checked>
<input type="checkbox" checked="checked">
[HTML] pobierz, plaintext 

oba checkboxy będą zaznaczone, bo checkbox z samym checked jest właściwością znacznika, i nie pobierzesz jego wartości poprzez attr, z kolei checkbox z wartością jest już atrybutem. No wprowadzało (i nadal wprowadza, bo wielu ludzi korzysta z starej wersji jquery) wiele zamieszania i tworzyło niepotrzebną magię..

Ten post edytował by_ikar 2.07.2014, 15:46:14