javascript - 检查单选按钮值并附加 div

Question

我正在制作评级反馈表，我一直在尝试根据值 <= 3 获取我的单选按钮值。 ，必须附加问题 1，否则 ( <= 5 ) 必须附加问题 2。

我一直在尝试获取值和追加函数，但我无法，我不知道下面缺少的是我的 html 和 jquery 代码。

编辑:谢谢 Rino Raj 有一个想法，现在运行良好。

编辑:谢谢Acharki Star inverse 是我的错误，我已经使用remove () 对div 的重复进行了排序编辑:我接受你的回答 Mr.Rino raj

<强> Fiddle HERE

HTML

<fieldset class="rating">
    <h2>Rate the videos</h2>
    <input type="radio" id="star5" name="rating" value="1" /><label for="star5" title="Rocks!">5 stars</label>
    <input type="radio" id="star4" name="rating" value="2" /><label for="star4" title="Pretty good">4 stars</label>
    <input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="Meh">3 stars</label>
    <input type="radio" id="star2" name="rating" value="4" /><label for="star2" title="Kinda bad">2 stars</label>
    <input type="radio" id="star1" name="rating" value="5" /><label for="star1" title="Sucks big time">1 star</label>
</fieldset>

jQuery

$(document).ready(function () {

    $('.rating input[name="rating"]').on('click', function () {

        var n = $('.rating input[name="rating"]:checked').val();
        alert('hi');


        if (n <= 3) {
            $('fieldset').append("<div>Question1</div>");
        }
        if (n <= 5) {
            $('fieldset').append("<div>Question2</div>");
        }
    });
});

Answer 1

<强> Fiddle Demo

$('.rating input[name="rating"]').on('click', function() {
  var n = $('.rating input[name="rating"]:checked').val();
  alert(n);
  if (n <= 3) {
    $('fieldset').append("<div class='newbox'>Question1</div>");
  } else {
    $('fieldset').append("<div class='newbox'>Question2</div>");
  }
});

所做的更改

► 更正了 HTML 输入中的值

► 在点击函数中更改为 if 和 else