jQuery实现点击单选按钮后赋值,点击其他按钮则隐藏

<input type="radio" name="content" value="" ></span>

<script>

$(":radio[name='content']").click(function(){
    var index = $(":radio[name='content']").index($(this));
    if(index == 3)
        $('.content').html('<textarea class="form-control" rows="10"  name="content" placeholder="请说明你的原因"></textarea>');
    else
        $('.content').html('<textarea class="form-control hide" rows="10"  placeholder="请说明你的原因"></textarea>');
});

</script>
其实有一种比较简单的方法，只不过我这里是给span标签赋值的标签，所以写的啰嗦了点,下面是比较简便的方法
$(":radio[name='content']").click(function(){

varindex = $(":radio[name='content']").index($(this));

if(index == 1)//选中第2个时，div显示

$(div).show();

else//当被选中的不是第2个时，div隐藏

$(div).hide();

　});