想实现 点击单选按钮B 后边的文本框显示,点击单选按钮A后边的输入框隐藏

Question

<style>
.hidetext{
display:none;}
.hidetext1{
display:block;}
</style>
<input name="abc" type="radio" value="A" onclick="setValue(1)" />A
<input name="abc" type="radio" value="B" onclick="setValue(2)" />B
<input id="sva" class="hidetext"/>
<script>
function setValue(val){
alert(val);
if(val==1){
$('#sva').removeClass().addClass("hidetext");
} else if(val==2 ){
$('#sva').removeClass().addClass("hidetext1");
}
}
</script>

Answer 1

　　你这效果不是已经实现了吗？