📄 handleshift.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Untitled Document</title> <script language="JavaScript"> function doshift(handle,columnSize) { var a = document.getElementsByName("xz"); var ischecked=false; var checkedValue=""; for (var i=0; i<a.length; i++) { if(a[i].checked) { ischecked=true; checkedValue=a[i].value; break;
}
} if(!ischecked) { alert('请选择一项进行操作'); return;
} //alert(checkedValue); if(handle=="up") { doShiftUP(checkedValue,columnSize);
} else if(handle=="down") { doShiftDown(checkedValue,columnSize); }
} function doShiftUP(checkedvalue,columnSize) { if(checkedvalue=="1") { return; } var shiftedIndex=parseInt(checkedvalue); var shiftTargetIndex=shiftedIndex-1; swapAll(shiftedIndex,shiftTargetIndex,columnSize); setSelect(""+shiftTargetIndex);
} function doShiftDown(checkedvalue,columnSize) { var a = document.getElementsByName("xz"); if(checkedvalue==a.length) { return; } var shiftedIndex=parseInt(checkedvalue); var shiftTargetIndex=shiftedIndex+1; swapAll(shiftedIndex,shiftTargetIndex,columnSize); setSelect(""+shiftTargetIndex); } function swapAll(srcIndex,targetIndex,columnSize) { var srcPk=document.getElementById("pk_"+srcIndex).value; var targetPk=document.getElementById("pk_"+targetIndex).value; //alert("srcPk="+srcPk); //alert("targetPk="+targetPk); document.getElementById("pk_"+srcIndex).value=targetPk; document.getElementById("pk_"+targetIndex).value=srcPk; //alert("srcPk="+document.getElementById("pk_"+srcIndex).value); //alert("targetPk="+document.getElementById("pk_"+targetIndex).value); for(var i=1;i<=columnSize;i++) { var srcFieldId="field_"+srcIndex+"_"+i; var targetFieldId="field_"+targetIndex+"_"+i; swapText(srcFieldId,targetFieldId); } } function swapText(srcId,targetId) { var srcValue=document.getElementById(srcId).innerText; var targetValue=document.getElementById(targetId).innerText; //alert("srcValue="+srcValue); //alert("targetValue="+targetValue); document.getElementById(srcId).innerText=targetValue; document.getElementById(targetId).innerText=srcValue; } function setSelect(selValue) { var a = document.getElementsByName("xz"); var ischecked=false; var checkedValue=""; for (var i=0; i<a.length; i++) { checkedValue=a[i].value; if(checkedValue==selValue) { a[i].checked=true; break;
}
} } </script> </head> <body> <form name="form1" method="post" action=""> <table width="80%" align="center" border="1" bordercolor="black" cellpadding="0" cellspacing="0"> <tr> <td colspan="4" align="right"><input type="button" name="up" value="UP" onclick="doshift('up',2)"> <input type="button" name="down" value="DOWN" onclick="doshift('down',2)"></td> </tr> <tr> <td>选择</td> <td align="center">序号</td> <td align="center">姓名</td> <td align="center">性别</td> </tr> <tr> <td><input type="radio" name="xz" value="1"><input type="hidden" id="xh_1" name="record:xh" value="1"><input type="hidden" id="pk_1" name="record:pk" value="pk1"></td> <td>1</td> <td id="field_1_1">zwj</td> <td id="field_1_2">man</td> </tr> <tr> <td><input type="radio" name="xz" value="2"><input type="hidden" id="xh_1" name="record:xh" value="2"><input type="hidden" id="pk_2" name="record:pk" value="pk2"></td> <td>2</td> <td id="field_2_1">lxl</td> <td id="field_2_2">women</td> </tr> <tr> <td><input type="radio" name="xz" value="3"><input type="hidden" id="xh_1" name="record:xh" value="3"><input type="hidden" id="pk_3" name="record:pk" value="pk3"></td> <td>3</td> <td id="field_3_1">mama</td> <td id="field_3_2">women</td> </tr> <tr> <td><input type="radio" name="xz" value="4"><input type="hidden" id="xh_1" name="record:xh" value="4"><input type="hidden" id="pk_4" name="record:pk" value="pk4"></td> <td>4</td> <td id="field_4_1">baba</td> <td id="field_4_2">man</td> </tr> </table> </form> </body></html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -