请叫一个关于checkbox的问题

我勾上checkbox的时候就把隐藏的DIV层显示出来啊~把勾取消后DIV层隐藏啊~请问如何实现啊~~我在checkbox上加了onclick事件后，只能勾，不能取消！我是用JQUERY实现这样效果！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<input type="checkbox" id="cbox" />
<div id="div" style="width:100px;height:100px;background:#ddd;display:none;">123</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$('#cbox').click(function(){
$('#div').toggle()
})
</script>
楼主这个意思？
            <input type="checkbox" onclick="$('#temp').toggle(this.checked);" />
            <div id="temp" style="background:black;width:25px;height:25px;"></div>
$('#checkbox').change(function(){
if($('#div').css('display')!='none'){
$('#div').hide();
}else{
$('#div').show();
}
})
我的意思是这样滴~~ //点击优惠活动的时候<input  type="checkbox"  id="CheckUser"  onclick="Click_concessions()"  name="CheckUser" />查看会员租车优惠活动  function Click_concessions() {
     if ($('#CheckUser').attr("checked", true)) {
         $('#preferential').slideDown();
     }

     $("input[type='radio']").each(function () {
         this.checked = false;
     });
}
结果再次去取消的时候，点哪个checkbox，确没有反应啊~还是被勾选着！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$('#test').click(function(){
$('#target')[($(this).attr('checked')=="checked")?"show":"hide"]()
})
})
</script></head>
<body>
<input id='test' type='checkbox' /><div id='target' style="border:solid 1px red ;width:100px ;height:100px;display:none"></div>
</body>
</html>
这样？
你的代码：$('#CheckUser').attr("checked", true)永远返回true,你的写法是赋值，明白？
<script type="text/javascript">
function aaa(obj)
{
if (obj.checked)
{
document.getElementById('did').style.display = "";
}
else
{
document.getElementById('did').style.display = "none"
}
}
</script>
<body>
点我<input type="checkbox" onclick="aaa(this)">
<div id="did" style="display: none">我是div</div>
</body>
function Click_concessions() {
  if ($('#CheckUser').attr("checked", true)) {
  $('#preferential').slideDown();
  } 换成
function Click_concessions() {
  $('#preferential')[ ($('#CheckUser').attr("checked")=="checked") ?slideDown():slideUp()]()
  }
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <script src="jquery-1.5.min.js" type="text/javascript"></script>
    <script type="text/javascript">
         function Click_concessions() {
          if ($("#CheckUser").attr("checked")) {
            $('#preferential').slideDown();
          }
          else{
            $('#preferential').slideUp();
          }
          //$(this)
          //$("input[type='radio']").each(function () {
          //  this.checked = false;
          //});
         }
     </script>
</head>
<body>
    <input type="checkbox" id="CheckUser" onclick="Click_concessions()" name="CheckUser" />查看会员租车优惠活动
    <div id="preferential" style="display:none;">
        preferential<br />
        preferential<br />
        preferential<br />
        preferential<br />
    </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="jquery162.js"></script>
<script>
$(function(){
    $('#test').click(function(){
        $('#target')[($(this).attr('checked')=="checked")?"show":"hide"]()
    })
})
</script></head>
<body>
<input id='test' type='checkbox' />
<div id='target' style="border:solid 1px red ;width:100px ;height:100px;display:none">context</div>
</body>
</html>
这个是可以的啊。