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

这写的是题目类型
<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();
}

})

第1个回答  2012-12-06
这种也可以不知道你要不要

<!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>来自:求助得到的回答
第1个回答  2012-12-06
$( 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()

})本回答被提问者采纳
第2个回答  2012-12-06
$(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();
}

});

});本回答被网友采纳

jQuery 隐藏div的方法
function a1(p){ for(var i=1;i<=3;i++){ if(p==i){ ("#"+p).shwo();}else{ ("#"+i).hide();} } }

如何获取Jquery隐藏div里面的input值??
实例演示如下:1、HTML结构<div>页面隐藏了一个div,其中包含一个value为“我是被隐藏的为文本框的值”的文本框<\/div><div class="hidden"><input type="text" value="我是被隐藏的为文本框的值"><\/div><input type='button' value='获取被隐藏文本框的值'\/>2、jquery代码$(function(){$(...

怎么隐藏div问题,求大神!!!在线等!!php语言。
var myHidden=function(){var a=document.getElementById("aaa");var b=document.getElementById("bbb");a.style["visibility"]="hidden";b.style["visibility"]="visible";}\/\/myElement你要监听的元素myElement.addEventListener("click",myHidden(),false);...

div 设置隐藏后,在页面仍然占位,如何不让它占位
1、新建一个html。2、在body加入测试的html。3、引入jquery(我这边的jquery是下载到自己本地的,注意路径)。4、在script标签下加入这段代码(就是jquery隐藏div的代码)。5、没有加隐藏代码效果。6、加了隐藏代码效果。7、这样就可以了,贴上整个html代码。

jquery的hide方法不起作用?
jqueryhide,show方法问题在jquery中我显示与隐藏元素可以直接使用show()和hide()来操作,这比起js中的操作要方便了,同时show()和hide()还可以设置参数让我们的运行有个缓存效果 首先来看个段落文字的显示和隐藏 1:show()方法 显示出隐藏的p元素。代码如下:(".btn2").click(function(){ ("p")....

如图使用jquery设计下拉菜单,默认子菜单隐藏,点击父菜单,展开子菜单...
页面刷新了,肯定重置了~两个思路吧:1、用cookie把点击状态记录下来,菜单加载后根据cookie的值展开对应菜单 2、点击事件的连接做到iframe里,点击只改变iframe的src

jquery怎么样为hidden 类型的input输入域赋值?
("#A").text("1") 都是赋值 ("#A").html()("#A").text() 都是取值,取html,取text文本 jQuery版本是多少?这是基础的,应该和版本没有多大关系,确认一下你别的地方代码。或者用以下代码测试,通过 <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www...

关于DIV显示隐藏层,复制文字,请带上案例来。
<\/div> <script type="text\/javascript"> (function(){ \/\/显示 ('.url').click(function() { ('.back,.urlbox').show();var url = $(this).attr('data-url');('input').val(url);});('#cop').zclip({ path: "js\/ZeroClipboard.swf", \/\/这里是复制插件里面下载一个swf,要...

js控制div显示隐藏实现?
01 首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。03 接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式,有则删除这个样式,即显示div。如果没有,则添加一个hide的样式,...

jquery 代码纠错问题
不知道你是什么原因,但是在我试了一下 可以实施 有效果 你可查看:1,是否引入jquery文件,2,以上代码是否包含在以下代码中 $(document).ready(function(){ });

相似回答
大家正在搜