如果選中表單中的復選框，則將其添加到結果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);
})