По клику на произвольный рисунок сменить статус checkbox

@Compaq · Регистрация: 14.02.2013

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

Привет, Всем

Есть скрипт, по клику на произвольную карту делает checkbox - checked (выделенным), теперь вопрос как его скрыть. То есть, чтобы по клику checkbox становился активным/неактивным.

Вот скрипт, который выделяет checkbox, а как задать, чтобы по повторному клику он становился неактивным

JavaScript
1
2
3
.click(function(){
                table.find('#'+this.id).attr('Checked','Checked');
            })

Буду благодарен за подсказку

mixenik · 23.12.2015, 13:39

JavaScript
1
2
3
4
5
6
7
.click(function(){
  var checkbox = table.find('#'+this.id)
  var isChecked = checkbox.attr('checked');
  
  checkbox.attr('checked', !isChecked);
  
})

но я бы советовал вместо $.attr() использовать $.prop()

@Compaq · 23.12.2015, 16:12 **[ТС]**

Спасибо Друг,

Не подскажешь, почему то checked статус присваивает, а checkbox когда по второму кругу идешь не выделяет?

mixenik · 23.12.2015, 16:23

Используй prop вместо attr

@Compaq · 23.12.2015, 16:28 **[ТС]**

Точно,

Спасибо, помогло. Я еще хотел спросить, а как можно сделать, чтобы по клику на сам checkbox шла обратная обработка рисунка?

Примерно, как тут

HTML5
1
http://envek.github.io/Amestris/

mixenik · 23.12.2015, 16:37

что-то типа

JavaScript
1
2
3
4
5
6
7
table.find('input[type=checkbox]').on('change', function(){
  if($(this).prop('checked')){
    //обработка рисунка для этого чекбокса, если он активен
  }else{
    // обработка рисунка, если чекбокс не активен
  }
});

@Compaq · 23.12.2015, 16:55 **[ТС]**

Блин, прошу прощения за беспокойство, но что-то не хочет выделять. Не подскажите, в чем может быть ошибка

.click(function(){
var checkbox = table.find('input:checkbox#'+this.id)
var isChecked = checkbox.prop('checked');
checkbox.prop('checked', !isChecked);

table.find('#'+this.id).on('change', function(){
if($(this).prop('checked')){
//обработка рисунка для этого чекбокса, если он активен
this.animate({
fill: '#FFF',
stroke: '#000'
}, 300);
}else{
// обработка рисунка, если чекбокс не активен
this.animate({
fill: '#e6e7e8',
stroke: '#B5B5B5'
}, 300);
}
});
});

mixenik · 23.12.2015, 16:59

вынеси из обработчика клика - это раз =)
в this лежит checkbox, а не картинка, т.е. тебе еще нужно найти картинку для этого чекбокса.

@Compaq · 23.12.2015, 17:10 **[ТС]**

Спасибо еще раз,

Картинка в SVG path, но не знаю как на нее повесить обработку. Не подскажите, как ее найти и повесить обработку

JavaScript
1
2
3
4
5
for (var country in paths) {
        
        var obj4 = r.path(paths[country].path);
        obj4.attr(attributes);
        arr[obj4.id] = country;

mixenik · 23.12.2015, 22:15

.click к чему привязывается?

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию 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 существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@Compaq 2 / 2 / 0 Регистрация: 14.02.2013 Сообщений: 218
	23.12.2015, 16:12 [ТС]
	Спасибо Друг, Не подскажешь, почему то checked статус присваивает, а checkbox когда по второму кругу идешь не выделяет? 0

mixenik Все элементарное - сложно 133 / 118 / 50 Регистрация: 14.04.2014 Сообщений: 509
	23.12.2015, 16:23
	Используй prop вместо attr 1

@Compaq 2 / 2 / 0 Регистрация: 14.02.2013 Сообщений: 218
	23.12.2015, 16:55 [ТС]
	Блин, прошу прощения за беспокойство, но что-то не хочет выделять. Не подскажите, в чем может быть ошибка .click(function(){ var checkbox = table.find('input:checkbox#'+this.id) var isChecked = checkbox.prop('checked'); checkbox.prop('checked', !isChecked); table.find('#'+this.id).on('change', function(){ if($(this).prop('checked')){ //обработка рисунка для этого чекбокса, если он активен this.animate({ fill: '#FFF', stroke: '#000' }, 300); }else{ // обработка рисунка, если чекбокс не активен this.animate({ fill: '#e6e7e8', stroke: '#B5B5B5' }, 300); } }); }); 0

mixenik Все элементарное - сложно 133 / 118 / 50 Регистрация: 14.04.2014 Сообщений: 509
	23.12.2015, 16:59
	вынеси из обработчика клика - это раз =) в this лежит checkbox, а не картинка, т.е. тебе еще нужно найти картинку для этого чекбокса. 1

mixenik Все элементарное - сложно 133 / 118 / 50 Регистрация: 14.04.2014 Сообщений: 509
	23.12.2015, 22:15
	.click к чему привязывается? 0