javascript中如何实现多选 全选 和全部取消 再把选种的值传到后台

select,下拉表单的形式<select size="16" name="D1" multiple id="select1">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
<option value="6">选项6</option>
<option value="7">选项7</option>
<option value="8">选项8</option>
<option value="9">选项9</option>
</select><input type="button" value="全选" onclick="SelectAll(true);">
<input type="button" value="取消" onclick="SelectAll(false);"><script language="javascript">
var select = document.getElementById("select1");
function SelectAll(selected){
for(var i=0;i<select.options.length;i++)
select.options[i].selected=selected;
}
</script><%
'后台取的时候,以逗号分开的形式,形如:1,2,3,5,6
d1= Request("控件的name,这里是D1")%>

解决方案 »

  1.   

    checkbox,多选框形式
    ------------------------------------------
    <input type="checkbox" name="cb" value="1">
    <input type="checkbox" name="cb" value="2">
    <input type="checkbox" name="cb" value="3">
    <input type="checkbox" name="cb" value="4">
    <input type="checkbox" name="cb" value="5">
    <input type="checkbox" name="cb" value="6"><input type="button" value="全选" onclick="SelectAll(true);">
    <input type="button" value="取消" onclick="SelectAll(false);"><script language="javascript">
    var cb = document.getElementsByName("cb");
    function SelectAll(selected){
    for(var i=0;i<cb.length;i++)
    cb[i].checked=selected;
    }
    </script>
    <%
    '后台取的时候,以逗号分开的形式,同select形式
    d1= Request("控件的name,这里是cb")%>
      

  2.   

    用个隐藏域，让它运行在客户端，用javascript给它上值，然后就可以在后台取值了
      

  3.   

    用个隐藏域，让它运行在服务端，用javascript给它上值，然后就可以在后台取值了
      

  4.   

    function CheckAll()
    {
    for (var i=0;i<document.f2.elements.length;i++)
    {
    var e = document.f2.elements[i];
    if (e.name != 'allbox')
    e.checked = document.f2.allbox.checked;
    }
    }
      

  5.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function CheckAll()
    {
    for (var i=0;i<document.f2.elements.length;i++)
    {
    var e = document.f2.elements[i];
    if (e.name != 'allbox')
    e.checked = document.f2.allbox.checked;
    }
    }//-->
    </SCRIPT>
    </HEAD><BODY>
    <table class="ListTable">
      <form action="" method="post" name="f2">
        <tr class="ListTabCap"> 
          <td  nowrap><INPUT language=javascript id=allbox onclick="CheckAll()" type=checkbox>全选</td>
        </tr>    <tr> 
          <td><input type="checkbox" name="check{cho_num}" value="1" ></td>
        
        </tr>
     <tr> 
          <td><input type="checkbox" name="check{cho_num}" value="{tsbh}" onclick="DelJudgement()"></td>
        </tr>
     <tr> 
          <td><input type="checkbox" name="check{cho_num}" value="{tsbh}" onclick="DelJudgement()"></td>
        </tr>
     <tr> 
          <td><input type="checkbox" name="check{cho_num}" value="{tsbh}" onclick="DelJudgement()"></td>
        </tr>
          </form>
    </table>
    </BODY>
    </HTML>