请教：多选框的值如何用脚本实现顺序提交

那你干脆就在前面他选择了就把这个checkBox提到最前面，让客户看到会好点

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

hbhbhbhbhb1021的方法应该可以，在选中每个多选框的时候onClick()，比如说给他们各自附上1，2，3，顺序就有了
hbhbhbhbhb1021可以给个例子看看吗
我简单写了点，基本实现了3个checkbox的顺序提交（特殊情况没有处理），可以借鉴，应该还有更好的方法<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>Untitled Document</title>
</head>
<script>
var checkboxNo1 = 0;
var checkboxNo2 = 0;
var checkboxNo3 = 0;
var count = 0;
function orderNo(No)
{
   if((No == 1)&&(document.all.checkbox1.checked == true)){
   checkboxNo1 = ++count;
   }
   if((No == 2)&&(document.all.checkbox2.checked == true)){
   checkboxNo2 = ++count;
   }
   if((No == 3)&&(document.all.checkbox3.checked == true)){
   checkboxNo3 = ++count;
   }
}function order()
{
    if(checkboxNo1 == 1){
    alert("aaa");
}
if(checkboxNo2 == 1){
    alert("bbb");
}
if(checkboxNo3 == 1){
    alert("ccc");
}
if(checkboxNo1 == 2){
    alert("aaa");
}
if(checkboxNo2 == 2){
    alert("bbb");
}
if(checkboxNo3 == 2){
    alert("ccc");
}
if(checkboxNo1 == 3){
    alert("aaa");
}
if(checkboxNo2 == 3){
    alert("bbb");
}
if(checkboxNo3 == 3){
    alert("ccc");
}
}
</script>
<body>
<center>
<table width="240" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="30">
      <input type="checkbox" name="checkbox1" value="checkbox" onClick="orderNo(1);">
    </td>
    <td width="204">aaa</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox2" value="checkbox" onClick="orderNo(2);"></td>
    <td>bbb</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox3" value="checkbox" onClick="orderNo(3);"></td>
    <td>ccc</td>
  </tr>
  <tr>
    <td colspan="2">
      <input type="button" name="committ" value="committ" onClick="order();">
    </td>
    </tr>
</table></center>
</body>
</html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page Selection</title>
<style>
td{white-space:nowrap};
body{margin-left:0;margin-right:0;margin-top=0;margin-bottom=0};
</style>
</head><body bgcolor=eeeeee><table>
<tr >
<td>
<select name=SrcSelect size=6 style="font-size:11pt;width=200;height=160px" multiple >
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
<option value="4">test4</option>
<option value="5">test5</option>
<option value="6">test6</option>
</select>
</td>
<td align="center">
<input align="left" type=button value="→"  onclick="moveLeftOrRight(document.all.SrcSelect,document.all.ObjSelect)"  ><br><br>
<input align="left" type=button value="←"  onclick="moveLeftOrRight(document.all.ObjSelect,document.all.SrcSelect)"  >
</td>
<td>
<select name=ObjSelect size=6 style="font-size:11pt;width=200;height=160px" multiple >
<option value="11">test11</option>
<option value="12">test12</option>
<option value="13">test13</option>
<option value="14">test14</option>
<option value="15">test15</option>
<option value="16">test16</option>
</select>
</td>
<td>
<input type=button value="↑"  onclick="moveUp()" ><br><br>
<input type=button value="↓"  onclick="moveDown()" >
</td>
</tr>
</table>
</body>

<script language=javascript>
function moveUp()
{
var theObj=document.all.ObjSelect;
for(var i=1;i<theObj.length;i++)
{
if( theObj.options[i].selected && !theObj.options[i-1].selected )
{
theObj.options[i].swapNode(theObj.options[i-1]);
}
}
}

function moveDown()
{
var theObj=document.all.ObjSelect;
for(var i=theObj.length-2;i>-1;i--)
{
if( theObj.options[i].selected && !theObj.options[i+1].selected )
{
theObj.options[i].swapNode(theObj.options[i+1]);
}
}
}


function moveLeftOrRight(fromObj,toObj)
{
var lengthOfToObj=toObj.length;
for(var i=fromObj.length-1;i>-1;i--)
{
if(fromObj.options[i].selected)
{
toObj.add(new Option(fromObj.options[i].text,fromObj.options[i].value),lengthOfToObj);
toObj.options[lengthOfToObj].selected=true;
fromObj.options[i].removeNode(true);
}
}
}



</script>