如何让select选中后相应的checkbox被选中.

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<script lanuage="javascript">
function Check(aaa)
{
  var obj=document.getElementsByTagName("input");
  for(var i=0;i<obj.length;i++)
  {
    var tempobj=document.getElementsByTagName("input").item(i).value;
    if(aaa.indexOf(tempobj)!=-1)
    {
     document.getElementsByTagName("input").item(i).checked=true;
   }
  }
}
</script>
</head><body>
<table width="335" border="1" align="center" cellpadding="0" cellspacing="0">
  <form name="form1" method="post" action="">
  <tr>
      <td width="56"> <div align="center">
          <select name="select" size="7" onchange="Check(this.value)">
            <option value="a">a</option>
            <option value="b">b</option>
            <option value="c">c</option>
            <option value="ab">ab</option>
            <option value="ac">ac</option>
            <option value="abc">abc</option>
          </select>
        </div></td>
      <td width="134">a  
<input type="checkbox" name="box" value="a">
        b  
        <input type="checkbox" name="box" value="b">
        c  
        <input type="checkbox" name="box" value="c"></td>
  </tr></form>
</table></body></html>

解决方案 »

  1.   

    <select name="select" size="7" onchange="setChecks(this.value)"><script language="javascript">
    function setChecks(value)
    {
     var boxes = document.form1.elements["box"];
     for (var i=0; i < boxes.length; i++)
     {
      boxes[i].checked=false;
      for (var j=0; j < value.length; j++)
      {
    if (value.substring(j,j+1) == boxes[i].value)
            {
       boxes[i].checked = true;
       break;
            }
      }
     }
    }
    </script>
      

  2.   

    方法同上：
    只是这
    var boxes = document.form1.elements["box"];
    可以改成：
    var boxes = document.getElementByName("box");
      

  3.   

    var boxes = document.getElementsByName("box");
    或者
    var boxes = document.getElementsByTagName("input ");
      

  4.   

    <script>
    function checkb(){
       cb=document.all.box;
       for(var i=0; i<cb.length; i++){
         st=document.all.select;
         if(st.options[st.selectedIndex].value==cb[i].value) cb[i].checked=true;
       }
    }
    </script>