Question

jquery radio被选中后添加样式

<div class="box">
<p><input type="radio" name="fruit" checked="checked" />苹果</p>
<p><input type="radio" name="fruit" />香蕉</p>
<p><input type="radio" name="fruit" />葡萄</p>
</div>

以上三个单选框，第一个是默认选中的，问题：如何让选中的radio给<p>添加样式？比如，我选中香蕉，香蕉那行的<p>就加个 class="cur"。就变成了这样：<p class="cur"><input type="radio" name="fruit" />香蕉</p>还有就是只要被选中的就给<p>加class="cur"。请问该怎么用JQUERY实现呢？

Answer 1

$(function(){
    $(".box input").change(function(){
        $(":checked").parent().addClass("cur").siblings().removeClass("cur");
    });
});