怎样获取checkbox 旁边的字符串？


<div id='center'>
<div class='folder'><a href='opendir.cgi?a=.&b=.'><span> .</span>  </a> </div> 
<div class='folder'><a href='opendir.cgi?a=..&b=.'><span> ..</span>  </a> </div> 
<div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> hello.cgi (24)</div>    </div> 
<div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> get (16)</div>    </div> 
<div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> post (16)</div>    </div> 
<div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> post.cgi (24)</div>    </div> 
<div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> get.cgi (24)</div>    </div> 
<div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> dir.cgi (24)</div>    </div> 
<div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> opendir.cgi (24)</div>    </div> 
<div class='folder'><a href='opendir.cgi?a=aaa&b=.'><span> aaa</span>  </a> </div> 
<div class='folder'><a href='opendir.cgi?a=bbb&b=.'><span> bbb</span>  </a> </div> 
<br style='clear:both;'/> 
</div>如果选中checkbox 怎样获取旁边的文件名？
得到选中checkbox旁边的文件名组成的字符串 
hello.cgi;get;post;post.cgi;get.cgi;dir.cgi;opendir.cgi
如果不好获取，可以在文件名两边套一个div 例如 <div class="fname">get.cgi</div>或者将文件名放在checkbox的div外面。
 参考
 function press(name)
 {
  var obj=document.getElementsByName(name);
  var strsel = "";
  for (var i=0;i<=obj.length-1;i++)
  {
     if (obj[i].checked)
     {
    strsel = strsel + obj[i].value;//在这里我要获取 obj[i]旁边的文件名
     }
  }
  alert(strsel)
  }
只有最后37分了。

解决方案 »

  1.   


    <script type="text/javascript">
    function abc(th)
    {
    if(th.checked)
    {
    alert(th.parentNode.lastChild.nodeValue)
    }
    }
    </script><div id='center'>
    <div class='folder'><a href='opendir.cgi?a=.&b=.'><span> .</span>  </a> </div> 
    <div class='folder'><a href='opendir.cgi?a=..&b=.'><span> ..</span>  </a> </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='' onclick="abc(this)"> hello.cgi (24)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='' onclick="abc(this)"> get (16)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='' onclick="abc(this)"> post (16)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='' onclick="abc(this)"> post.cgi (24)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='' onclick="abc(this)"> get.cgi (24)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='' onclick="abc(this)"> dir.cgi (24)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='' onclick="abc(this)"> opendir.cgi (24)</div>    </div> 
    <div class='folder'><a href='opendir.cgi?a=aaa&b=.'><span> aaa</span>  </a> </div> 
    <div class='folder'><a href='opendir.cgi?a=bbb&b=.'><span> bbb</span>  </a> </div> 
    <br style='clear:both;'/> 
    </div>
      

  2.   


    <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>5_14</title>
    <script src="jquery-1.3.2.js"></script>
    <script language="javascript" type="text/javascript">
    $(document).ready(function(){
    var text = $("input[type=checkbox]").length;
    alert(text)
    var html = "";
    $("input[type=checkbox]").each(function(){
    html +=$(this).parent().text()+"<br />";
    });
    alert(html)
    });
    </script>
    </head><body>
        <div id='center'>
        <div class='folder'><a href='opendir.cgi?a=.&b=.'><span> .</span>  </a> </div> 
        <div class='folder'><a href='opendir.cgi?a=..&b=.'><span> ..</span>  </a> </div> 
        <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> hello.cgi (24)</div>    </div> 
        <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> get (16)</div>    </div> 
        <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> post (16)</div>    </div> 
        <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> post.cgi (24)></div>    </div> 
        <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> get.cgi (24)</div>    </div> 
        <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> dir.cgi (24)</div>    </div> 
        <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> opendir.cgi (24)</div>    </div> 
        <div class='folder'><a href='opendir.cgi?a=aaa&b=.'><span> aaa</span>  </a> </div> 
        <div class='folder'><a href='opendir.cgi?a=bbb&b=.'><span> bbb</span>  </a> </div> 
        <br style='clear:both;'/> 
        </div>
    </body>
    </html>
      

  3.   

    <div id='center'>
    <div class='folder'><a href='opendir.cgi?a=.&b=.'><span> .</span>  </a> </div> 
    <div class='folder'><a href='opendir.cgi?a=..&b=.'><span> ..</span>  </a> </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='1'> hello.cgi (24)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value='2'> get (16)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> post (16)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> post.cgi (24)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> get.cgi (24)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> dir.cgi (24)</div>    </div> 
    <div  class='file'> <div class='cb'> <input type='checkbox' name='a1'  value=''> opendir.cgi (24)</div>    </div> 
    <div class='folder'><a href='opendir.cgi?a=aaa&b=.'><span> aaa</span>  </a> </div> 
    <div class='folder'><a href='opendir.cgi?a=bbb&b=.'><span> bbb</span>  </a> </div> 
    <br style='clear:both;'/> 
    </div>
    <input type=button value=show onclick="press('a1');">
    <script>
        function press(name){
           var obj=document.getElementsByName(name);
           var strsel = "";
           for (var i=0;i<=obj.length-1;i++){
               if (obj[i].checked){
                 if(strsel!="")strsel += ";"
                 strsel += obj[i].nextSibling.data;
               }
           }
           strsel=strsel.replace(/\s+|\(\d+\)/g,"");
           alert(strsel);
        }
    </script>
      

  4.   

    不要用this传进去啊。我要在下面这个函数里面获取
    function press(name)
     {
      var obj=document.getElementsByName(name);
      var strsel = "";
      for (var i=0;i<=obj.length-1;i++)
      {
         if (obj[i].checked)
         {
        strsel = strsel + obj[i].value;
         }
      }
      alert(strsel)
      }
      

  5.   

     strsel=strsel.replace(/\s+|\(\d+\)/g,"");
    不要replace数字啊。文件名里可能有数字的
      

  6.   


    strsel = strsel + obj[i].value;改成：strsel = strsel + obj[i].parentNode.lastChild.nodeValue;
      

  7.   

    <SCRIPT>
    // returns the list item labeled 'List Item 2'
    var oSibling = oList.childNodes(0).nextSibling;
    </SCRIPT>
    <BODY>
    <UL ID = oList>
    <LI>List Item 1
    <LI>List Item 2
    <LI>List Item 3
    </UL>
    <BODY>