如果选中表单中的复选框，则将其添加到结果div类中

Question

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

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

例如，在评分表中，我会添加以下内容-

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

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

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

我将如何去做呢？ 我认为他提交表格的方式可能会起作用，但不确定其运作方式...

Answer 1

首先为您的输入提供一个ID，在我的情况下，我使用了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);
})