Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: jquery click

Лена

1.06.2011 - 21:55

При выборе каждой радиокнопки должно происходить какое-либо действие.
Сделала код, но он почему-то нерабочий. Подскажите, что у меня не так.


<script type="text/javascript">
    $(document).ready(function()
    {
        $('#aradio').buttonset();
        $('#aradio input').click(function()
        {
            switch(this.id)
            {
                case 'aradio1': alert('1'); break;
                case 'aradio2': alert('2'); break;
            }

        })

    });
</script>



    <div class="ui-buttonset" id="aradio">
        <input class="ui-helper-hidden-accessible" id="aradio1" name="aradio" checked="checked" type="radio">
            <label aria-disabled="false" role="button" aria-pressed="true" class="ui-state-active ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" for="aradio1">
            <span class="ui-button-text">Первая кнопка</span>
            </label>
        <input class="ui-helper-hidden-accessible" id="aradio2" name="aradio" type="radio">
            <label aria-disabled="false" role="button" class="ui-button ui-widget ui-state-default ui-button-text-only" aria-pressed="false" for="aradio2">
            <span class="ui-button-text">Вторая кнопка</span>
            </label>
    </div>

Спустя 5 минут, 6 секунд (1.06.2011 - 21:00) sharki написал(а):

Лена
К атрибутам эл-тов надо обращаться соответствующе т.е в JQ это - switch(this.attr('id'))

Спустя 7 минут, 3 секунды (1.06.2011 - 21:07) Лена написал(а):

Сделала так, как вы сказали. Все равно почему-то не работает.

Спустя 5 минут, 20 секунд (1.06.2011 - 21:13) sharki написал(а):

Так, а ты попробуй вывести до свитча alert(this.attr('id')) посмотри что выводит.

Если не получится, есть вариант использовать селектор по классу ui-helper-hidden-accessible ?

Спустя 6 минут, 12 секунд (1.06.2011 - 21:19) Лена написал(а):

я просто после click(function()
делаю alert("asdf"); - не срабатывает.
Jquery подключен, другие скрипты на Jquery работают.
switch($('#ui-helper-hidden-accessible')) пробовала.

Спустя 5 минут, 2 секунды (1.06.2011 - 21:24) sharki написал(а):

Попробуй

    $(document).ready(function()
    {
        $('#aradio').buttonset();
        $('#aradio :radio[name=aradio]').click(function()
        {
           alert(this.attr('id'));
            switch(this.id)
            {
                case 'aradio1': alert('1'); break;
                case 'aradio2': alert('2'); break;
            }

        })

    });

Спустя 2 минуты, 55 секунд (1.06.2011 - 21:27) sharki написал(а):

А лучше даже

$('#aradio :radio[name=aradio]:checked').click(function()

Спустя 3 минуты, 52 секунды (1.06.2011 - 21:31) Лена написал(а):

попробовала, так тоже - ноль реакции. Я уже в отдельный файл этот кусок вынесла, думала, может иды совпали случайно, так нет, не работает.

Спустя 2 минуты, 19 секунд (1.06.2011 - 21:33) sharki написал(а):

Лена
Щас у себя попробую, в своей дьявольской лаборатории

Если что получится, скину сюда

Спустя 1 минута, 12 секунд (1.06.2011 - 21:34) Лена написал(а):

спасибо )
я пока в гугле похожу-посмотрю, может, там какая-то засада есть.

Спустя 5 минут, 23 секунды (1.06.2011 - 21:40) sharki написал(а):

Так и думал, у JQ глюченный метод attr() используй стандартный getAttribute

Плюс ко всему с $('#aradio').buttonset(); код не работает, я такого метода даже не знаю..

  $(document).ready(function()
    {
        //$('#aradio').buttonset();
        $('#aradio :radio').click(function()
        {
           alert(this.getAttribute('id'));
            switch(this.id)
            {
                case 'aradio1': alert('1'); break;
                case 'aradio2': alert('2'); break;
            }

        })

    });

Спустя 18 минут, 29 секунд (1.06.2011 - 21:58) Лена написал(а):

Спасибо, получилось.
//$('#aradio').buttonset(); - пользовательская функция, забыла убрать.

Быстрый ответ:

Здесь расположена полная версия этой страницы.