Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.06.2014, 00:52
Интересующийся
Отправить личное сообщение для eskize Посмотреть профиль Найти все сообщения от eskize
 
Регистрация: 12.06.2014
Сообщений: 16

Вытащить val()
Добрый вечер проблема следующая.
Есть код
$(document).ready(function(){

    $('#verify').click(function(event){
        event.preventDefault();
        this.disabled=true;
        answer = $('input:radio:checked').val();
        id = $('#id').val();
        question_id = $('#question_id').val();
        $.ajax({
            type:"POST",
            url:"verify_answer.php",
            data:"answer=" + answer + "&id=" + id + "&question_id=" + question_id,
            success:function(response){   
                $("Тут состоит проблема").css("background",response);
            }
        })
    });
});

Смысл его таков - при клике на кнопку - отправляется ajax запрос и в response - идет ответ либо red либо green.
Есть вот такая форма
echo "<form action='take_test.php?' method='GET'>"
            . "<input type='hidden' name='id' value='$this->id' id='id'>"
            . "<input type='hidden' name='question_id' value='$question_id' id='question_id'>";

        shuffle($question->answers);
        $i = 0;
        foreach ($question->answers as $answers)
        {
            echo "<div class='answers'>";
            echo "<input type='radio' name='answer' value='" . $answers . "'checked>"
                . $answers;
            echo "<br />";
            echo "</div>";
        }
        echo "<input type='submit' value='Проверить' id='verify'>";
        echo "<input type='submit' value='$submit'>"
            . "</form>";

В ней есть вопрос и 4 ответа в тегах radio
смысл ajax запроса в том, что-бы он проверил выбранный ответ и подсветил его или red или green, зависит от правильности ответа.
Все работает кроме одного но, проблема следующая, я знаю как подсветить все ответы red или green(на функции все понятно)
Но я не знаю как подсветить именно checked
p.s. тему неправильно назвал, но пока не нашел где можно сделать ренейм)

Последний раз редактировалось eskize, 12.06.2014 в 00:56.
Ответить с цитированием
  #2 (permalink)  
Старый 12.06.2014, 10:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

eskize,
не очень понятно -- значение отмеченного вы взять и отправить смогли а подсветить его проблема?
Ответить с цитированием
  #3 (permalink)  
Старый 12.06.2014, 17:54
Интересующийся
Отправить личное сообщение для eskize Посмотреть профиль Найти все сообщения от eskize
 
Регистрация: 12.06.2014
Сообщений: 16

Ну беру его я таким способом
$('тут наше значение').val()

А как к этому добавить
.css()
?
Ответить с цитированием
  #4 (permalink)  
Старый 13.06.2014, 15:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

eskize,
var b = $('тут наше значение');
b.val()
b.css()
Ответить с цитированием
  #5 (permalink)  
Старый 14.06.2014, 02:42
Интересующийся
Отправить личное сообщение для eskize Посмотреть профиль Найти все сообщения от eskize
 
Регистрация: 12.06.2014
Сообщений: 16

name = $("input:radio:checked") у нас значение получается
name.css() - Не пашет
name.val() - пашет
Ответить с цитированием
  #6 (permalink)  
Старый 14.06.2014, 07:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от eskize
name.css() - Не пашет
где код?
Ответить с цитированием
  #7 (permalink)  
Старый 14.06.2014, 18:01
Интересующийся
Отправить личное сообщение для eskize Посмотреть профиль Найти все сообщения от eskize
 
Регистрация: 12.06.2014
Сообщений: 16

$(document).ready(function(){

    $('#verify').click(function(event){
        event.preventDefault();
        this.disabled=true;
        answer = $('input:radio:checked').val();
        id = $('#id').val();
        question_id = $('#question_id').val();
        $.ajax({
            type:"POST",
            url:"verify_answer.php",
            data:"answer=" + answer + "&id=" + id + "&question_id=" + question_id,
            success:function(response){
                $("input:radio:checked").css("background",response);
            }
        })
    });
});

в response - либо red либо green, если поставить просто какой-то див - все хорошо подсвечивает, но если я подставлю див - мне подсветит все ответы, а не тот который был выбран.
Конечно можно сделать несколько дивов - но думаю есть более корректное решение.

Последний раз редактировалось eskize, 14.06.2014 в 18:32.
Ответить с цитированием
  #8 (permalink)  
Старый 14.06.2014, 18:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

eskize,

$(document).ready(function(){

    $('#verify').click(function(event){
        event.preventDefault();
        this.disabled=true;
        var b = $('input:radio:checked'),
            answer = b.val(),
            id = $('#id').val(),
            question_id = $('#question_id').val();
        $.ajax({
            type:"POST",
            url:"verify_answer.php",
            data:"answer=" + answer + "&id=" + id + "&question_id=" + question_id,
            success:function(response){
               b.css("background",response);
            }
        })
    });
});
Ответить с цитированием
  #9 (permalink)  
Старый 14.06.2014, 22:41
Интересующийся
Отправить личное сообщение для eskize Посмотреть профиль Найти все сообщения от eskize
 
Регистрация: 12.06.2014
Сообщений: 16

Не вижу разницы в b.css между $("Input:radio:checked").css
Не подсвечивает так. И я понял почему, потому-что оно выбирает только input radio, а не текст возле него.
Как мне выбрать текст возле него? Текст возле него идентичен b.val()

Последний раз редактировалось eskize, 14.06.2014 в 22:44.
Ответить с цитированием
  #10 (permalink)  
Старый 14.06.2014, 22:50
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от eskize
Не вижу разницы в b.css между $("Input:radio:checked").css
b один и тотже элемент -- $("Input:radio:checked") тот который нажат на момент прихода ответа от сервера
Сообщение от eskize
Как мне выбрать текст возле него?
код покажите html
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
параметр val Anatoliy1992 Общие вопросы Javascript 1 11.02.2014 12:46
Вытащить <object></object> со страницы dolant Events/DOM/Window 1 19.05.2013 16:03
Метод для конвертирования едениц px, em, %, pt. jegit Элементы интерфейса 0 07.03.2013 16:15
Как вытащить то что между тегами <option>? BlackWolfDen Элементы интерфейса 2 27.04.2011 15:21
Свойства посредством полиморфных функций tenshi Ваши сайты и скрипты 0 18.03.2010 17:12