怎么根据div 的ID,取到 div 下的 控件的对象？

<body>
<div id="cc" onclick="fun(this)">
<input type="radio" name="ct" value="111">
<input type="radio" name="ct" value="222" checked="checked">
</div>
<script>
function fun(o)
{for(i=0;i<o.childNodes.length;i++)
{
if(o.childNodes[i].type && o.childNodes[i].type=="radio")
{
if(o.childNodes[i].checked) alert(o.childNodes[i].value)
}
}
}
</script>

解决方案 »

  1.   

    <body>
    <div id="cc" onclick="fun(this)">
    <input type="radio" name="ct" value="111">
    <input type="radio" name="ct" value="222" checked="checked">
    </div>
    <script>
    function fun(o)
    {for(i=0;i<document.body.all.length;i++)
    {
    if(document.body.all(i).parentElement ==o && document.body.all(i).type=="radio")
    {
    if(document.body.all(i).checked) alert(document.body.all(i).value)
    }
    }
    }
    </script>
      

  2.   

    <body>
    <div id="cc" onclick="fun(this)">
    <input type="radio" name="ct" value="111">
    <input type="radio" name="ct" value="222" checked="checked">
    </div>
    <script>
    function fun(o)
    {for(i=0;i<document.body.all.length;i++)
    {
    if(o.contains( document.body.all(i)) && document.body.all(i).type=="radio")
    {
    if(document.body.all(i).checked) alert(document.body.all(i).value)
    }
    }
    }
    </script>
      

  3.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY><P>&nbsp;</P>
    <div id="cc" onclick="fun(this)">
    <input type="radio" name="ct" value="111">
    <input type="radio" name="ct" value="222" checked="checked">
    </div>
    </BODY>
    </HTML><SCRIPT Language="JavaScript">
    <!--
    function fun(div) {
    var childs = div.childNodes; for(i=0;i<childs.length; i++) {
    var node = childs[i];
    if(node.name=='ct' && node.type=='radio' && node.checked==true) {
    alert(node.value);
    }

    }
    }
    //-->
    </SCRIPT>
      

  4.   

    明白。关键是 childNotes 这个好。
    多谢
      

  5.   

    <body>
    <div id="cc" onclick="fun(this)">
    <input type="radio" name="ct" value="111">
    <input type="radio" name="ct" value="222" checked="checked">
    </div>
    <script>
    function fun(o)
    {for(i=0;i<o.all.length;i++)
    {
    if(o.all(i).type=="radio")
    {
    if(o.all(i).checked) alert(o.all(i).value)
    }
    }}
    </script>
      

  6.   

    <script>
     function fun(o)
    {
       for(i=0;i<o.children.length;i++)
       {
         if(o.children[i].checked)
         {
            alert(o.children[i].value+"  is checked");
         }
       }   
    }
    </script>