PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Определить наличие класса при клике

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

natariga	Отправлено: 14 Декабря, 2011 - 10:08:15
Частый гость Покинул форум Сообщений всего: 199 Дата рег-ции: Май 2011 Помог: 0 раз(а)	Подскажите, плис, как сделать следующую хитрость. Есть стилизованные checkbox, и определить отмеченный он или нет можно по наличию класса niceChecked Как мне определить, checkbox со значением 5 сейчас был checked или unchecked не используя аттрибут checked, а именно наличие класса niceChecked Вот такое начало написала, и правильно определяется когда кликнут элемент со значением 5. Теперь осталось только дописать, добавился этому диву класс niceChecked или наоборот убрался. Т.е. как мне выяснить значение k? CODE (javascript): скопировать код в буфер обмена $(".niceCheck").click(function(){ var n = $((this)).find('input[type="checkbox"]').val(); if (n==5) { var k = $(this).find(".niceChecked").length; if (k<1) { alert('Не чекнули'); } else { alert('Выбран'); } } }); CODE (html): скопировать код в буфер обмена <div class="BlockCheckBox"> <div class="niceCheck niceChecked"> <input id="ch1" type="checkbox" tabindex="0" value="5" name="modul1"> </div> </div> div class="BlockCheckBox"> <div class="niceCheck"> <input id="ch2" type="checkbox" tabindex="0" value="4" name="modul2"> </div> </div> Спасибо заранее!

tuareg	Отправлено: 14 Декабря, 2011 - 10:21:50
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	А Вы можете объяснить суть задачи? Почему нельзя использовать :checked? Да и еще вот эта строка помоему ничего не вернет судя по разметке. CODE (javascript): скопировать код в буфер обмена var k = $(this).find(".niceChecked").length; find() ищет потомков.

natariga	Отправлено: 14 Декабря, 2011 - 10:28:29
Частый гость Покинул форум Сообщений всего: 199 Дата рег-ции: Май 2011 Помог: 0 раз(а)	tuareg пишет: А Вы можете объяснить суть задачи? Почему нельзя использовать :checked? Да и еще вот эта строка помоему ничего не вернет судя по разметке. CODE (javascript): скопировать код в буфер обмена var k = $(this).find(".niceChecked").length; find() ищет потомков. ага. вот именно тут проблема. Суть задачи даже не связана с checkbox, это я зря запутала. Суть в том, что при клике на div с класом niceCheck надо определить значение input. и если это значение 5, то выясняем есть ли у кликнутого div еще и класс niceChecked При этом этот класс появляется/исчезает в момент клика на этот див. Т.е. я понимаю, что мне, конечно, лучше вставить такую проверку именно в место, где идет добавление-удаление этого класс, но там законченная функция, и не очень хочется ее ломать. Но если нет другого варианта, попробую туда...

tuareg	Отправлено: 14 Декабря, 2011 - 10:40:41
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	Тогда проще сделать так. Добавьте класс к input CODE (html): скопировать код в буфер обмена <input id="ch1" type="checkbox" [b]class="chek"[/b] tabindex="0" value="5" name="modul1"> Все таки лучше использовать простые свойства чем ползать по DOM. Даже если у input-а уже есть класс не важно. CODE (javascript): скопировать код в буфер обмена $('input.chek').change(function(){ if($(this).is(':checked') && $(this).val()==5){/*/ /тогда что-то делаем/ } }) Т.е смысла вешать обработчик на div я не вижу. Change на input все равно сработает P.S Вы плагин какой-то используете??? Если нет, замените div на label style="display:block;" (Отредактировано автором: 14 Декабря, 2011 - 10:43:00)*

natariga	Отправлено: 14 Декабря, 2011 - 10:44:19
Частый гость Покинул форум Сообщений всего: 199 Дата рег-ции: Май 2011 Помог: 0 раз(а)	Ага, спасибо! С этой задачей справилась. Вопрос другой. Как найти input у которого значение, к примеру, равно 11 Т.е. мне при клике со значением 5 надо сделать disabled (true/false) input со значением 11.....

tuareg	Отправлено: 14 Декабря, 2011 - 10:50:07
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	А тут тоже просто. Если есть класс на input, то CODE (javascript): скопировать код в буфер обмена $('input.класс[value="11"]').attr('') или prop() Если класса нет тогда все CODE (javascript): скопировать код в буфер обмена $('div.класс input[value="11"]') Я пишу навскидку, поэтому могут быть ошибки, посмотрите сами правильный вариант селекторов

Viper	Отправлено: 14 Декабря, 2011 - 10:52:04
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Ёмае )) Вот это вы огурцы с помидорами изобретаете http://api[dot]jquery[dot]com/hasClass/ ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

tuareg	Отправлено: 14 Декабря, 2011 - 10:58:03
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	Viper И... ???? Суть то проблемы другая. Ну определил я класс? Кстати Вы уверены, что он правильно определится? Он же ставится не в этой функции??? И дальше мы снова идем гулять и перебирать DOM в поисках другого div-а в котором есть input, у которого значение value=11?? Вы думаете это оптимальный вариант?

natariga	Отправлено: 14 Декабря, 2011 - 11:00:18
Частый гость Покинул форум Сообщений всего: 199 Дата рег-ции: Май 2011 Помог: 0 раз(а)	Viper пишет: Ёмае )) Вот это вы огурцы с помидорами изобретаете http://api.jquery.com/hasClass/ вовсе и не огурцы! и не помидоры! когда класс искали, он же появляется в момент клика, а не просто - есть или нет. Хотя вначале я именно эту функцию хотела. А щас мы уже и не класс воовсе ищем, а значение! А вообще, всем, конечно, огромное спасибо!!! Вопрос почти решила (Добавление) tuareg пишет: А тут тоже просто. Если есть класс на input, то CODE (javascript): скопировать код в буфер обмена $('input.класс[value="11"]').attr('') или prop() Если класса нет тогда все CODE (javascript): скопировать код в буфер обмена $('div.класс input[value="11"]') Я пишу навскидку, поэтому могут быть ошибки, посмотрите сами правильный вариант селекторов а find не надо? CODE (javascript): скопировать код в буфер обмена $('#MainChoiseModul').find('input[value="12"]').attr('disabled','disabled');

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.