Переменная в качестве ID элемента checkbox

@qwaker · Регистрация: 03.04.2011

Author24 — интернет-сервис помощи студентам

Добрый день.

Опыта работы с Jquery немного, потому прошу помощи.
Делаю расширенный поиск. Задача: при клике на один из чекбоксов нижнего окна - выбранный чекбокс с текстом дублируется в верхнем окне. Вставить получилось. Выглядит это примерно так:
1) [IMG]http://*************/clip/m0/1301804980-clip-2kb.png?nocache=1[/IMG]
2) [IMG]http://*************/clip/m0/1301805088-clip-3kb.png?nocache=1[/IMG]

Теперь надо, что если тыкаешь на этот же выделенный чекбокс в нижмем окне, то из верхнего - удаляется. Никак не могу сообразить, как это сделать.
Пытался удалить чекбокс, фильтруя его по ID:

Javascript

1	$('#tarea2 input[id=this.id]').css('display','none');};

но в качестве параметра id походу нельзя использовать переменную или не так делаю. Если же задаю явно id чекбокса

Javascript

1	$('#tarea2 input[id="nomer ID"]')

- то работает для этого чекбокса. Нужно именно как-то по параметру удалить.

Подскажите, если нетрудно, это можно как реализовать .. Может вообще не в ту сторону думаю?

На всякий случай, этот кусок кода полностью:

Javascript

$(':checkbox').click(function(){
var checked=this.checked;
var elem=$(this).clone();
var textelem=$(this).parents('label:first').text();
if (checked) {
newid=this.id;
elem.attr('id',newid);
elem.appendTo('#tarea2'); 
$('#tarea2').append(textelem);
}
else {
var nameval=this.id;
if (newid=nameval) {$('#tarea2').append('ну ведь равны же!!');
$('#tarea2 input[id=this.id]').css('display','none');};
         
};
});

Vovan-VE · 03.04.2011, 09:31

Сообщение от qwaker

Javascript

1	$('#tarea2 input[id=this.id]')

Javascript

1
2
3

$('#tarea2 input[id="' + this.id + '"]')
$('#tarea2 input#' + this.id)
$('#' + this.id)

@qwaker · 03.04.2011, 15:39 **[ТС]**

Получилось!! Огромнейшее спасибо!

Добавлено через 1 час 50 минут
Появился еще вопрос.

Как сделать чекбокс, который при клике на себя - удаляется (скрывается)? Сначала сделал так:

Javascript

$('#tarea2 :checkbox').click(function(){
$(this).css('display','none');
   $('#tarea2 label[for="'+this.id+'"]').empty();
});

Наверное, всё бы хороошо работало, если бы этот чекбокс создавался сразу при загрузке страницы, но он создается Jquery другой функцией и потому работает только если еще раз перезапустить скрипт, когда чекбоксы уже созданы.

Javascript

$('#tarea :checkbox').click(function(){
var checked=this.checked;
var elem=$(this).clone();
        };

Попробовал также к чекбоксу, который должен появиться, добавить аттрибут onclick

Javascript

elem.attr('onclick','fnclick()'); и прописал функцию function fnclick(){
    $(this).css('display','none');
    $('#tarea2 label[for="'+this.id+'"]').empty();
            };

но увы, не работает =( Подскажите, что не так? И как можно реализовать задачу?

Vovan-VE · 03.04.2011, 17:15

Сообщение от qwaker

Javascript

1	var elem=$(this).clone();

Попробуйте в .clone() передать true.

Javascript

1	var elem=$(this).clone(true);

http://api.jquery.com/clone/

@qwaker · 03.04.2011, 22:45 **[ТС]**

С задачей справился, правда немного другим способом. Спасибо =)

Добавлено через 3 часа 2 минуты
Снова столкнулся с проблемой...

Есть список включенных чекбоксов. Когда выключаем чекбоксы, они исчезают -

Javascript

1 2	$('#tarea2 input[id="'+newid+'"]').css('display','none'); $('#tarea2 label[for="'+newid+'"]').empty();

Задача - когда выключаем самый последний чекбокс (то есть поле #tarea2 на вид (!) осталось пустым) - появляется текст "Ничего не отмечено".

Как реализовать проверку на наличие активных (у которых display не равно none) чекбоксов ? Делал вот так, но не работает:

Javascript

if (!($("#tarea2 input:checked")))
    {
    $('#tarea2').append('Не отмечено');
    };

И вот так тоже не работает:

Javascript

if ($("#tarea2 input:checked").lenght=1)
    {
    $('#tarea2').append('Не отмечено');
    };

@SEVI · 04.04.2011, 18:22

А полный код можно???

@qwaker · 04.04.2011, 19:50 **[ТС]**

Разобрался, всё работает =)

@SEVI 31 / 30 / 2 Регистрация: 26.01.2010 Сообщений: 124 Записей в блоге: 1
	04.04.2011, 18:22	6
	А полный код можно??? 0

@qwaker 1 / 1 / 0 Регистрация: 03.04.2011 Сообщений: 18
	04.04.2011, 19:50 [ТС]	7
	Разобрался, всё работает =) 0