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

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

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

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

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

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

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

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


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

Ответы (1)


arrow_upward
0
arrow_downward

Сначала укажите идентификатор для ввода, в моем случае я использовал 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);
})
person shadab    schedule 28.04.2015
comment
Спасибо за это, Сэм, к сожалению, это не то, что мне нужно. Мне нужно, чтобы значение было отправлено с формой и сохранено, поэтому, когда страница обновляется, к результатам все еще применяется класс. - person Scott Eldo; 29.04.2015