如果选中表单中的复选框，请将其添加到生成的 div 类答案

【问题标题】：If checkbox in a form is ticked add it to the resulting div class如果选中表单中的复选框，请将其添加到生成的 div 类
【发布时间】：2015-04-29 08:57:15
【问题描述】：

我正在使用一个名为 Multi Rating Pro 的 Wordpress 插件。当用户在页面上提交评分时，结果会显示在同一页面上的单独 div 中。

我想（尽可能简单地）将我自己的复选框插入评分表单，如果勾选，则在生成的 div 类中输出一个值。

例如，在评分表中我会添加类似 -

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

然后在生成的 div 中，如果在提交时选中复选框，我将寻找要添加到 div 的“yes”类，例如 -

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

我该怎么做呢？我认为他提交表单的方式会起作用，但不确定它的工作原理......

【问题讨论】：

查看我的答案。没有 ajax，我让代码更容易丢失。
点击此链接进行测试jsfiddle.net/5su8wjap/4
这是您拥有的唯一复选框，还是复选框列表？也就是说，是不是只需要checkbox的结果记录一个值，提交后就显示div？
它是一个包含动态字段和评级的完整表单，它是一个现有的插件。 div 已经出现了。我只需要知道如何添加这一字段并在结果 div 中输出值

标签： javascript php wordpress checkbox echo

【解决方案1】：

首先为您的输入提供一个 ID，在我的情况下，我使用了 anon。 Click here for example

 <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);
})

【讨论】：

感谢这个 Sam，不幸的是这不是我想要的。我需要将值与表单一起提交并存储起来，以便在刷新页面时结果仍然应用了该类。