jquery隐藏div问题，请大侠们指点。

这写的是题目类型<div>题目类型：<inputname="category"type="radio"value="1"checked="checked"/>单选//这里... 这写的是题目类型
<div>题目类型：<input name="category" type="radio" value="1" checked="checked" />单选 //这里是默认选中单选
<input name="category" type="radio" value="2" />多选
<input name="category" type="radio" value="3" />填空
</div>

这写的是题目类型对应的选项
<div id="single">
<p><input type="radio" name="options" value="">物华天宝</p>
<p><input type="radio" name="options" value="">物华天宝</p>
<p><input type="radio" name="options" value="">物华天宝</p>
<p><input type="radio" name="options" value="">物华天宝</p>
</div>
<div id="choose">
<p><input type="checkbox" name="options" value="">物华天宝</p>
<p><input type="checkbox" name="options" value="">物华天宝</p>
<p><input type="checkbox" name="options" value="">物华天宝</p>
<p><input type="checkbox" name="options" value="">物华天宝</p>
</div>

想用这个jquery去控制，比如当点击单选时，只显示单选题时的选项，其余的隐藏。但在这里接到的只有默认的，点击其它的没用反应，还是只显示单选题的选项！请高手帮忙解决下，谢谢！！
$( function() { var type = $("input[name='category'][checked]").val();
if (type == 1) {
$('#choose').hide();
$('#single').show();

} else if (type == 2) {
$('#choose').show();
$('#single').hide();
} else if (type == 3) {
$('#choose').hide();
$('#single').hide();
}

}) 展开

 我来答

4个回答

#热议# 空调使用不当可能引发哪些疾病？

彤顺0GO
2012-12-06 · TA获得超过587个赞

知道小有建树答主

回答量：363

采纳率：0%

帮助的人：282万

我也去答题访问个人页

关注

展开全部

这种也可以不知道你要不要

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
<script type="text/javascript">
function sh(c,s,qq){
if(c.checked){
document.getElementById(s).style.display='block';
document.getElementById(qq).style.display='none';
}else{
document.getElementById(s).style.display='none';
document.getElementById(qq).style.display='block';
}
}
</script>
</head>
<body>
<div>
题目类型：<input checked="checked" name="category" onclick="sh(this,'csdn','qq')" type="radio" value="1" />单选
//这里是默认选中单选
<input name="category" onclick="sh(this,'qq','csdn')" type="radio" value="2" />多选
<input name="category" type="radio" value="3" />填空 </div>
<div id="qq" class="aniu www" onclick="checkMobile()" style="display: none;">
<p><input name="options" type="checkbox" value="">物华天宝</p>
<p><input name="options" type="checkbox" value="">物华天宝</p>
<p><input name="options" type="checkbox" value="">物华天宝</p>
<p><input name="options" type="checkbox" value="">物华天宝</p>
</div>
<div id="csdn">
<p><input name="options" type="radio" value="">物华天宝</p>
<p><input name="options" type="radio" value="">物华天宝</p>
<p><input name="options" type="radio" value="">物华天宝</p>
<p><input name="options" type="radio" value="">物华天宝</p>
</div>
</body>
</html>

来自：求助得到的回答

已赞过 已踩过<

评论收起

峰峰考古
2012-12-06 · 超过27用户采纳过TA的回答

知道答主

回答量：104

采纳率：100%

帮助的人：82.1万

我也去答题访问个人页

关注

展开全部

$( function() {  
    $("input:radio[name='category']").change(function(){
      var type = $(this).val();
      if (type == 1) {
       $('#choose').hide();
       $('#single').show();
    
      } else if (type == 2) {
       $('#choose').show();
       $('#single').hide();
      } else if (type == 3) {
       $('#choose').hide();
       $('#single').hide();
   }
}).click()
 
 })


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

百度网友84c11da
2012-12-06 · TA获得超过1108个赞

知道小有建树答主

回答量：695

采纳率：100%

帮助的人：401万

我也去答题访问个人页

关注

展开全部

$(function(){
$(":radio[name=‘category’]").change(function(){

var type = $("input[name='category'][checked]").val();
      if (type == 1) {
       $('#choose').hide();
       $('#single').show();
      } else if (type == 2) {
       $('#choose').show();
       $('#single').hide();
      } else if (type == 3) {
       $('#choose').hide();
       $('#single').hide();
   }

});

});


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

Jay_learn
2012-12-06 · TA获得超过243个赞

知道答主

回答量：99

采纳率：0%

帮助的人：71.7万

我也去答题访问个人页

关注

展开全部

我不大懂JS，你试试在 $(function(){ }) 后面加上 ;
或者是用
$(document).ready(function(){
// 在这里写你的代码...
});

var type = $("input[name='category'][checked]").val();这个最好用 click 事件吧

来自：求助得到的回答

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jquery隐藏div问题，请大侠们指点。

其他类似问题

为你推荐：