___loveOfForever
- 浏览: 75948 次
- 性别:
- 来自: 南京
-
最新评论
-
yingzhixing：
这种方式 如果多点几次后退的话，就不好用了。。。
禁止页面后退,禁止回退,js禁止回退,禁止页面回退 -
chenzheng8975：
wml语言好像已经过时了啊。。。。
Wap模拟器,pc端浏览器,手机wap网站,web项目 -
808_小星星：
白菜路过，表示………………
jsp页面的onclick事件
<html>
<head>
<title>JSP for UserForm form</title>
head>
<script type="text/javascript">
var checkboxs=document.getElementsByName("deptno");
function SelectAll(){
document.getElementById("BakchkAll").checked = true;
document.getElementById("chkAll").checked=false;
document.getElementById("NochkAll").checked=false;
for (var i=0;i<checkboxs.length;i++) {
var chk=checkboxs[i];
chk.checked=!chk.checked;
}
}
function SelectAlls(){
document.getElementById("chkAll").checked=true;
document.getElementById("BakchkAll").checked=false;
document.getElementById("NochkAll").checked=false;
for (var i=0;i<checkboxs.length;i++) {
checkboxs[i].checked = true;
}
}
function NoSelectAll(){
document.getElementById("chkAll").checked=false;
document.getElementById("BakchkAll").checked =false;
document.getElementById("NochkAll").checked=true;
for (var i=0;i<checkboxs.length;i++) {
checkboxs[i].checked = false;
}
}
function chAll(){
var objCheckAll = document.getElementById("chkAll");
document.getElementById("NochkAll").checked=false;
document.getElementById("BakchkAll").checked=false;
if(objCheckAll.checked==true){
SelectAlls();
}
}
function NochAll(){
var objCheckAll = document.getElementById("NochkAll");
if(objCheckAll.checked==true){
NoSelectAll();
}
}
function BakchAll(){
var objCheckAll = document.getElementById("BakchkAll");
if(objCheckAll.checked==true){
SelectAll();
document.getElementById("NochkAll").checked=false;
document.getElementById("chkAll").checked=false;
}
}
</script>
<body>
<form name="areaForm" id="areaForm" method="post" action="/Submit.do">
<table width="80%" cellspacing="1" cellpadding="3" align="center"> <tr>
<td class="infoColumnName">地点<font color='red'>**</font></td>
<td class="infoColumnValue">
<table>
<tr>
<td><input type="checkbox" id="chkAll" onclick="javascript:chAll()"/>
全选
<input type="checkbox" id="NochkAll" onclick="javascript:NochAll()"/>
全不选
<input type="checkbox" id="BakchkAll" onclick="javascript:BakchAll()"/>
反选
</td>
</tr>
<tr>
<td width="50%">
<input type="checkbox" id="deptno" name="deptno" value="5301"> 南京
<input type="checkbox" id="deptno" name="deptno" value="5302"> 无锡
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5303"> 深圳
<input type="checkbox" id="deptno" name="deptno" value="5304"> 南昌
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5305"> 苏州
<input type="checkbox" id="deptno" name="deptno" value="5306"> 北京
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5308"> 广州
<input type="checkbox" id="deptno" name="deptno" value="5309"> 扬州
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5310"> 海南
<input type="checkbox" id="deptno" name="deptno" value="5311"> 镇江
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5312"> 泰州
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4" class="infoTitle" align="center">
<input type="button" name="Submit" value="提交" onClick=check();>
<input type="reset" value="重置"> </td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>JSP for UserForm form</title>
head>
<script type="text/javascript">
var checkboxs=document.getElementsByName("deptno");
function SelectAll(){
document.getElementById("BakchkAll").checked = true;
document.getElementById("chkAll").checked=false;
document.getElementById("NochkAll").checked=false;
for (var i=0;i<checkboxs.length;i++) {
var chk=checkboxs[i];
chk.checked=!chk.checked;
}
}
function SelectAlls(){
document.getElementById("chkAll").checked=true;
document.getElementById("BakchkAll").checked=false;
document.getElementById("NochkAll").checked=false;
for (var i=0;i<checkboxs.length;i++) {
checkboxs[i].checked = true;
}
}
function NoSelectAll(){
document.getElementById("chkAll").checked=false;
document.getElementById("BakchkAll").checked =false;
document.getElementById("NochkAll").checked=true;
for (var i=0;i<checkboxs.length;i++) {
checkboxs[i].checked = false;
}
}
function chAll(){
var objCheckAll = document.getElementById("chkAll");
document.getElementById("NochkAll").checked=false;
document.getElementById("BakchkAll").checked=false;
if(objCheckAll.checked==true){
SelectAlls();
}
}
function NochAll(){
var objCheckAll = document.getElementById("NochkAll");
if(objCheckAll.checked==true){
NoSelectAll();
}
}
function BakchAll(){
var objCheckAll = document.getElementById("BakchkAll");
if(objCheckAll.checked==true){
SelectAll();
document.getElementById("NochkAll").checked=false;
document.getElementById("chkAll").checked=false;
}
}
</script>
<body>
<form name="areaForm" id="areaForm" method="post" action="/Submit.do">
<table width="80%" cellspacing="1" cellpadding="3" align="center"> <tr>
<td class="infoColumnName">地点<font color='red'>**</font></td>
<td class="infoColumnValue">
<table>
<tr>
<td><input type="checkbox" id="chkAll" onclick="javascript:chAll()"/>
全选
<input type="checkbox" id="NochkAll" onclick="javascript:NochAll()"/>
全不选
<input type="checkbox" id="BakchkAll" onclick="javascript:BakchAll()"/>
反选
</td>
</tr>
<tr>
<td width="50%">
<input type="checkbox" id="deptno" name="deptno" value="5301"> 南京
<input type="checkbox" id="deptno" name="deptno" value="5302"> 无锡
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5303"> 深圳
<input type="checkbox" id="deptno" name="deptno" value="5304"> 南昌
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5305"> 苏州
<input type="checkbox" id="deptno" name="deptno" value="5306"> 北京
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5308"> 广州
<input type="checkbox" id="deptno" name="deptno" value="5309"> 扬州
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5310"> 海南
<input type="checkbox" id="deptno" name="deptno" value="5311"> 镇江
<br/>
<input type="checkbox" id="deptno" name="deptno" value="5312"> 泰州
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4" class="infoTitle" align="center">
<input type="button" name="Submit" value="提交" onClick=check();>
<input type="reset" value="重置"> </td>
</tr>
</table>
</form>
</body>
</html>
0
顶
顶
4
踩
踩
分享到：
发表评论
-
struts配置下载信息,处理InputStream
2013-04-24 12:23 807<action name="exportExc ... -
Js获取当前日期时间及其它操作
2013-04-17 11:49 1323Js获取当前日期时间及其它操作 var myDate = n ... -
Axis2开发创建WebService
2013-04-15 15:10 993一、Axis2的下载和安装 1.可从http: ... -
myeclipse xifre
2013-04-09 17:33 10051. 首先新建一个web工程CxfService，倒入cxf所 ... -
全选/全不选
2012-08-29 17:38 1230<!DOCTYPE html PUBLIC " ... -
动感导航菜单
2012-08-29 16:28 906<html> <head> <t ... -
菜单栏
2012-08-29 16:23 1083<!DOCTYPE html PUBLIC " ... -
jquery
2012-08-29 14:42 700<html> <head> <s ... -
java遍历map
2012-08-28 17:30 851//最常规的一种遍历方法，最常规就是最常用的，虽然不复杂，但很 ... -
下拉列表,下列列表选中,下列列表删除,js判断下拉列表选中或删除
2012-08-28 14:47 1108下拉列表选中: var selObj = document.g ... -
spring 下配置 dbcp,c3p0,proxool 等数据源连接池
2012-08-16 11:39 1134spring 下如何配置 dbcp,c3p0,proxool ... -
鼠标移动到上面显示小手
2012-08-15 15:29 822<img id="<%=chan.tri ... -
dwr的web.xml配置及注意事项
2012-08-15 11:08 742<servlet> <servlet-n ... -
判断多选选中的数量大于2，选中多个值进行判断,提交action
2012-08-15 11:10 748function ValidateUsr(){ var ... -
判断多选选中的数量大于2，选中多个值
2012-08-09 15:54 778function ValidateUsr(){ var ... -
判断密码必须有大小写字母和数字组成
2012-08-09 15:52 5790<script language="JavaS ... -
判断访问的客户端
2012-08-09 09:41 737<SCRIPT LANGUAGE="JavaS ... -
js判断访问的是手机端，还是pc端
2012-08-09 09:38 1844<SCRIPT LANGUAGE="JavaS ... -
js验证密码必须为大小写字母和数字组成
2012-08-01 19:37 4680<script language="JavaS ... -
判断多选选中的数量大于2
2012-08-01 19:28 754function ValidateUsr(){ var ...
相关推荐
用Axure RP 8.0做的原型设计列子，作用是复选框做全选和非全选，已选的做反选。可以学习下反选或非反选的交互思路。
jquery 、js实现复选框 (全选、反选)功能··
多选框全选和反选，用js做的，多选框单选和反选，和使用的代码
复选框实现datagridview全选反选和全不选,datagridview换颜色（选中复选框之后）
JQuery实现全选、全不选、反选功能 ...3、点点击'全不选'按钮时，当前页面的所有复选框置为非选中状态。 4、当点击'反选'按钮时，当前页面选中状态的复选框置为未选中状态，未选中状态的复选框置为选中状态。
jquery实现全选反选全不选案例，在入场网页开发中实现。
复选框的全选和反选复选框的全选和反选复选框的全选和反选
实现全选，全不选，反选，获取选中的值 。
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
实现table表格checkbox复选框的全选 反选.
javaScript入门案例之复选框全选，全不选，反选
1.点击全选选中所有商品，再点击全选，取消勾选 2.在选中的同时获取需要的商品id，获取后是以字符串拼接的形式 拼成一个字符串 3.点击删除按钮时删除选中的商品 点击全选 再次点击全选框 wxml关键代码 重要代码 ...
JS实现全选反选全不选
选中全选复选框 所有的复选框都选上，如果取消全选，所有的复选框都取消勾选，如果选中一个复选框，那么全选复选框就也勾选上，当所有的复选框取消选择，全选复选框也取消选中状态...
带复选框的多级目录树，复选框的选择控制子节点父节点 全选和反选 通过子节点控制父节点及以上父节点是否要选中
js多选框设计 有全选 全不选 反选等功能
复选框全选、全不选和反选的效果实现
实现全选全不选反选 并且,如果是在全选状态下将子复选框的选中取消, 那么全选复选框自动取消全选 如果全选复选框没有选中而子复选框全部被选中, 那么全选复选框自动选中全选
《锋利的jquery》利用jquery实现复选框的全选和反选
主要介绍了微信小程序获取复选框全选反选选中的值，本文通过实例代码给大家简单介绍,需要的朋友可以参考下