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

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

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

Добрый день.

Опыта работы с 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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(':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
1
2
3
4
$('#tarea2 :checkbox').click(function(){
$(this).css('display','none');
   $('#tarea2 label[for="'+this.id+'"]').empty();
});

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

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

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

JavaScript
1
2
3
4
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
1
2
3
4
if (!($("#tarea2 input:checked")))
    {
    $('#tarea2').append('Не отмечено');
    };

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

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

@SEVI · 04.04.2011, 18:22

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

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

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

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

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

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