首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > ASP >

复选框即可全选,也可单选,怎办?该怎么解决

2012-02-16 
复选框即可全选,也可单选,怎办?复选框即可全选,也可一个一个选取,怎办?下面代码只可一个一个选取,怎样改成

复选框即可全选,也可单选,怎办?
复选框即可全选,也可一个一个选取,怎办?下面代码只可一个一个选取,怎样改成我要的效果
代码:
<%
do   while   not   rs.eof
%>

                            <table   width= "800 "   border= "1 ">
                                <tr>  
                                    <td   width= "28 ">  
                                          <input   type= "checkbox "   name= "checkbox "   value= " <%=rs( "id ")%> "   >
                                    </td>  
                                    <td   width= "84 ">  
                                        <div   align= "center "> <font   size= "1 "> <%=rs( "testnumber ")%> </font> </div>
                                    </td>
                          <%
rs.movenext
loop
rs.close
%>
  <input   type= "hidden "   name= "grade "   value= " <%=request.querystring( "grade ")%> ">
                            <input   type= "hidden "   name= "class "   value= " <%=request.querystring( "class ")%> ">
                            <div   align= "center "> <br>
                                <input   type= "submit "   name= "Submit "   value= "     删除所选中的数据     "   style= "border:   1pt   solid   #EEEEEE ">
                                <input   type= "reset "   name= "Submit2 "   value= "     重新选择     "   style= "border:   1pt   solid   #EEEEEE ">


[解决办法]
如果有3个复选框 他们的值分别是 a1 a2 a3 注意name必须相同
选中 a1 时 request( "name ") 得到的值是 a1
同时选中 a1 a3 时 request( "name ") 得到的值是 a1,a3

后台你可以用 split 方法把a1,a3变成数组进行操作

[解决办法]
<html>


<head>

<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">

<title> 复选框全选、全不选和反选的效果实现 </title>



<SCRIPT LANGUAGE= "JavaScript ">


<!-- Begin

function checkAll() {

for (var j = 1; j <= 9; j++) {

box = eval( "document.checkboxform.C " + j);

if (box.checked == false) box.checked = true;

}

}


function uncheckAll() {

for (var j = 1; j <= 9; j++) {

box = eval( "document.checkboxform.C " + j);

if (box.checked == true) box.checked = false;

}

}


function switchAll() {

for (var j = 1; j <= 9; j++) {

box = eval( "document.checkboxform.C " + j);

box.checked = !box.checked;

}

}

// End -->

</script>
</head>
<body>
<form name=checkboxform>
<input type=checkbox name=C1 checked> C1 <br>
<input type=checkbox name=C2 checked> C2 <br>
<input type=checkbox name=C3 checked> C3 <br>
<input type=checkbox name=C4 checked> C4 <br>
<input type=checkbox name=C5 checked> C5 <br>
<input type=checkbox name=C6 checked> C6 <br>
<input type=checkbox name=C7 checked> C7 <br>
<input type=checkbox name=C8 checked> C8 <br>
<input type=checkbox name=C9 checked> C9 <br>
<br>
<input type=button value= "全部选中 " onClick= "checkAll() "> <br>
<input type=button value= "全部不选 " onClick= "uncheckAll() "> <br>
<input type=button value= "选择转换 " onClick= "switchAll() "> <br>
</form>
</body>
</html>

热点排行