Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Если флажок в форме отмечен, добавьте его в результирующий класс div

Автор вопроса: Scott EldoОтветов: 1

Я использую плагин Wordpress под названием Multi Rating Pro. Когда пользователь отправляет оценку на странице, результат отображается в отдельном div на той же странице.

Я хочу (как можно проще) вставить свой собственный флажок в форму рейтинга и, если он отмечен, вывести значение в результирующем классе div.

Например, внутри формы рейтинга я бы добавил что-то вроде -

<input type="checkbox" name="anon" value="yes"> Rate anonymously

Затем в полученном div я бы искал класс "да", который будет добавлен в div, если флажок был установлен при отправке, например -

<div class="rating-result yes"></div>

Как мне это сделать? Я предполагаю, что способ подачи формы сыграет свою роль, но я не уверен в его работе...

  • проверить мой ответ. Я сделал код проще без ajax. shadab 29.04.2015
  • щелкните эту ссылку для теста jsfiddle.net/5su8wjap/4 shadab 29.04.2015
  • Это единственный флажок, который у вас есть, или это список флажков? Другими словами, вам просто нужен результат установки флажка, чтобы записать значение и отобразить div после отправки? nomistic 29.04.2015
  • Это полноценная форма с динамическими полями и рейтингами, существующий плагин. Див уже появляется. Мне просто нужно знать, как я могу добавить это одно поле и вывести значение в результирующем div Scott Eldo 29.04.2015

javascriptwordpressphpcheckboxecho

Ответы

Ответ 1 · shadab

Сначала укажите идентификатор для ввода, в моем случае я использовал anon. Нажмите здесь, например

 <input type="checkbox" value="Yes" id="anon"><br/>
  <div class="rating-result"></div>

$('#anon').click(function(){
    var value = $('#anon').val();
    $('.rating-result').html('Your Rating:' +' '+ value);
})

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы