Стилизация jQuery

391

Апокалипсис

7 декабря 2013, 15:49

608

Имеем вот такой код:


       $('.the-calculate .checkboxes-group input').before('<div class="pseudo-checkbox"></div>');

       $('.the-calculate .checkboxes-group input').css('display','none');

	



	   

	   $('.the-calculate .checkboxes-group .checkbox').click(function() {

        

		$(this).children('input:checkbox').attr('checked', function(idx, oldAttr) {

	

            return !oldAttr;

        });

		    		$(this).toggleClass('checked'); 	

    });

Всё работает, но только на первое переключение. Включишь/выключишь, галочка проставленная css есть, а вот checkbox не включен.

Подскажите, 2 часа бьюсь.

Записки нищего (http://zapiskinishego.ru) - мой личный блог Услуги php программиста. Очень нужна любая работа. Не покупают? Поведенческий аудит интернет-магазина за 5000 руб. (/ru/forum/990312)

R

92

rerighter

7 декабря 2013, 16:15

#1

Попробуйте не attr checked, а prop('checked',false) или prop('checked',true).

Также для проверки галочки чекбокса:

if( $(select).prop('checked') == true ) // или false

1

C

291

Chukcha

7 декабря 2013, 16:22

#2

http://api.jquery.com/prop/

там и демка

R

92

rerighter

7 декабря 2013, 16:28

#3

Припоминаю, мы с Ваши уже решили такую задачу:

/ru/forum/799408

1

391

Апокалипсис

8 декабря 2013, 10:38

#4

rerighter, Ага, о чудо:


		$(this).children('input:checkbox').prop('checked', function(idx, oldAttr) {
	
            return !oldAttr;
        });

Все корректно отрабатывает.

Но для себя, не могу найти что значит return !oldAttr; , я даже в документации не нашел таких примеров вообще.

Код дал верстальщик который тоже где то его содрал :-)

AJAX Ограничение setTimeout Как Люстик убирает лишний

C

291

Chukcha

8 декабря 2013, 10:42

#5

:)

oldAttr принимает какое-нибудь булевое значение (true или false)

return !oldAttr - вернет инверсное значение.

Яндекс Вебмастер вынес товарные фиды в отдельный раздел

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы