草鞋

Blog grass shoes
posts - 1, comments - 4, trackbacks - 0, articles - 27
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

checkbox复选框

Posted on 2007-10-23 09:35 草 鞋 阅读(134) 评论(0)  编辑  收藏 所属分类: JavaScript

<style>
body{font-size:12px;}
.code{display:none;}
</style>
<script>
function SenFe_Code(sname,sid){
    if(sname.checked){
        sid.style.display="block";
    }else{
        sid.style.display="none";
    }
}
</script>
<div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_1);">标题一</div>
<div id="SenFe_1" class="code">详细内容一</div>

<div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_2);">标题二</div>
<div id="SenFe_2" class="code">详细内容二</div>

<div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_3);">标题三</div>
<div id="SenFe_3" class="code">详细内容三</div>

<div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_4);">标题四</div>
<div id="SenFe_4" class="code">详细内容四</div>

<div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_5);">标题五</div>
<div id="SenFe_5" class="code">详细内容五</div>