addMissiveNo.jsp复杂js判断--checkbox--json--全选--反选--取消

最新推荐文章于 2024-07-27 18:51:22 发布
最新推荐文章于 2024-07-27 18:51:22 发布
阅读量103 收藏
点赞数
分类专栏： Json-轻量级的数据交换格式 文章标签： json java javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/big1989wmf/article/details/84263649
版权
[align=left][size=large] 
<%@ page language="java"
	import="java.util.*,com.hxkj.commonbusiness.MissiveCombiz.MissiveTypeCombiz,com.hxkj.entity.*"%>
<%@ page contentType="text/html;charset=utf-8"%>
<%@ page import="java.util.*"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@ include file="../common/taglibs.jsp"%>
<html:html>
<%
	String id = "-1";
		if (request.getAttribute("id") != null) {
			id = (String) request.getAttribute("id");
		}
		String path = request.getContextPath();
		//获取公文类别
		MissiveTypeCombiz misCom = new MissiveTypeCombiz();
		List<MissiveTypeBean> MissiveTypeBeans = misCom
				.getMissiveTypeByScope("-1");//全部，包含司发文和部门文
		pageContext.setAttribute("MissiveTypeBeans", MissiveTypeBeans);
		Date temp = new Date();
		SimpleDateFormat sdf = new SimpleDateFormat("yyyy");
		String tempStr = sdf.format(temp);
%>
<head>
	<link rel="stylesheet" href="<%=path%>/css/gcoa/css.css">
	<script language="Javascript" src="../../js/ortfunc.js">
</script>
	<script language="Javascript" src="../../js/ortfunct.js">
</script>
	<script language="Javascript" src="../../js/public.js">
</script>
	<!-- 选择部门时需要引入这两个js,从书中获取部门名称以及ID -->
	<script type="text/javascript" src="<%=path%>/js/jquery.js">
</script>
	<script type="text/javascript" src="<%=path%>/js/user.js">
</script>
	<style type="text/css">
.xian {
	border-bottom: 1px none;
	border-left: 1px none;
	border-top: 1px none;
	border-right: 1px none;
	text-align: left;
	font-size: 14px;
	background-color: ECF4FD;
}
</style>
	<SCRIPT language="javascript">
function saveMissiveNo(){
var isTrue = true;
var flag=0;
var missiveType=document.getElementById("missiveType").value;
var orgid=document.getElementById("orgid").value;
var year=document.getElementById("year").value;
var typeScope=document.getElementById("typeScope").value;//公司：不提示选择部门
  if (typeScope == "") {
    alert( "请选择所属类型！" );
    document.forms[0].typeScope.focus();
   isTrue=false;  
  }else if(document.forms[0].orgname.value==""&&typeScope!="0"){
      alert('请选择部门');
    document.forms[0].orgname.focus();
   isTrue=false;  
  }else if(document.form.missiveType.length>0) {
		for (i = 0; i < document.form.missiveType.length; i++) {
		if (document.form.missiveType[i].checked==true) {
			flag=1;
			break;
		} else {
			flag=0; 
		}
	}
		if(flag==0){
		alert('请至少选择一个公文类别');
		document.forms[0].mm.focus();
		isTrue=false;
		}
  }
  if(document.getElementById("news").checked==true){
  if(document.getElementById("dealType").value == ""||document.getElementById("dealType").value ==null){
		alert('请选择处理类型');
		document.forms[0].dealType.focus();
		isTrue=false; 
		}
  }
if(isTrue){
 saveMissiveNoAjax(missiveType,orgid,year);
 document.forms[0].submit();
 //新增成功之后重新返回addMissiveNo.jsp页面
}
}
function saveMissiveNoAjax(x,y,z)
 {
 var xmlHttp;
 try
    {
   // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
 catch (e)
    {

  // Internet Explorer
   try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
   catch (e)
      {

      try
         {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
         }
      catch (e)
         {
         alert("您的浏览器不支持AJAX！");
         return false;
         }
      }
    }
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
         document.myForm.time.value=xmlHttp.responseText;
        }
      }
    xmlHttp.open("GET","<%=path%>/pages/MissiveNoManager/index.do?doaction=saveMissiveNo&missiveType="+x+"&orgid="+y+"&year="+z,true);//xz修改，针对ie8正文被锁bug
    xmlHttp.send(null);
 }
 function  doChange(f)
{
   if(f.value ==0)
   {
       document.getElementById("div").style.display="none";
       document.getElementById("good").style.display="block";
       document.getElementById("choice").style.display="block";
   }else if(f.value ==1){
      document.getElementById("div").style.display="block";
      document.getElementById("good").style.display="block";
      document.getElementById("good").value="";
      document.getElementById("choice").style.display="block";
   }
   else{
      document.getElementById("div").style.display ="block";
      document.getElementById("good").style.display="none";
      document.getElementById("good").value="";

   } 
}
function getMissiveType(){
var typeScope=$('#typeScope').val();
if(typeScope==""){
 document.getElementById("choice").style.display="none";
}
$.ajax({
type:"POST",
dataType:"json",
url:"<%=path%>/pages/CommonSession/index.do",
data:"doaction=searchByMissiveTypeScope&typeScope="+typeScope,
success:function(data){
var len=data.length;
$('#good').contents().remove();
//for循环
for(i=0;i<len;i++){
$('#good').append("<input type='checkbox' name='missiveType' id='" + data[i].MISSIVE_TYPE_ID + " ' value='" + data[i].MISSIVE_TYPE_ID + "'/>" + data[i].NAME);
}
//for循环结束
}
});
}

function selfMissiveType(){
if(document.getElementById("news").checked){
     document.getElementById("div3").style.display="block";
}
if(document.getElementById("old").checked){
     document.getElementById("div3").style.display="none";
}
}
//全选、反选、取消
//全选
function selectAll() {
	for (i = 0; i < document.form.missiveType.length; i++) {
		if (!document.form.missiveType[i].checked) {
			document.form.missiveType[i].checked = true;
		}
	}
}
//反选
function selectRerverse() {
	for (i = 0; i < document.form.missiveType.length; i++) {
		if (document.form.missiveType[i].checked) {
			document.form.missiveType[i].checked = false;
		} else {
			document.form.missiveType[i].checked = true;
		}
	}
}

//取消
function cancelAll() {
	for (i = 0; i < document.form.missiveType.length; i++) {
		if (document.form.missiveType[i].checked) {
			document.form.missiveType[i].checked = false;
		}
	}
}
</SCRIPT>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
	<form name="form" method="post"
		action="<%=path%>/pages/missiveManage/addMissiveNo.jsp" target="_self">
		<input type="hidden" name="id" value="<%=id%>" />
		<table width="98%" border="0" align="center" cellpadding="0"
			cellspacing="0" bgcolor="E9ECF5">
			<tr>
				<td height="26" colspan="2" valign="middle" class="font13">
					<div align="center">
						 
					</div>
				</td>
				<td width="80%" height="26" valign="bottom" class="font13">
					<div align="right">
						<a href="javaScript:saveMissiveNo();" target="_self">保存</a>
						 | 
						<a href="<%=path%>/pages/missiveManage/MissiveNoManager.jsp"
							target="_parent">返回</a>
					</div>
				</td>
				<td width="3%" valign="top" class="font13">
					<div align="right">
						<img src="<%=path%>/img/gcoa/tddir0101.gif" width="17" height="14">
					</div>
				</td>
			</tr>
		</table>
		<table width="98%" border="0" align="center" cellpadding="0"
			cellspacing="0" bgcolor="E9ECF5">
			<tr>
				<td valign="top">
					<div align="center">
						<table width="95%" border="0" align="center" cellpadding="0"
							cellspacing="0" class="tablelsdi">
							<tr>
								<td width="4%" background="<%=path%>/img/gcoa/tablelb01.gif">
									<img src="<%=path%>/img/gcoa/tablelb01-left.gif" width="21"
										height="22">
								</td>
								<td width="82%" background="<%=path%>/img/gcoa/tablelb01.gif"
									class="font12w">
									新增公文字号
								</td>
								<td width="14%" background="<%=path%>/img/gcoa/tablelb01.gif">
									<div align="right">
										<img src="<%=path%>/img/gcoa/tablelb01-right.gif" width="21"
											height="22">
									</div>
								</td>
							</tr>
						</table>
						<table width="95%" border="0" align="center" cellpadding="0"
							cellspacing="0" class="tablelb">
							<tr>
								<td width="15%" height="30" bgcolor="E1EEFD" class="tablex">
									<div align="right">
										所属类型 
									</div>
								</td>
								<td width="55%" height="30" bgcolor="E1EEFD" class="tableleft">
									 
									<select name="typeScope" id="typeScope" style="width: 51%"
										onchange="doChange(this);getMissiveType()">
										<option value="" selected="selected">
											--请选择--
										</option>
										<option value="0">
											公司
										</option>
										<option value="1">
											部门
										</option>
									</select>
								</td>
							</tr>

							<tr id="div">
								<td height="30" bgcolor="ECF4FD" class="tablex">
									<div align="right">
										部门 
									</div>
								</td>
								<td height="30" bgcolor="ECF4FD" class="tableleft">
									 
									<input type="text" name="orgname" id="orgname"
										style="width: 40%" class="table" value="" readonly="readonly" />
									<input type="hidden" name="orgid" id="orgid" value="" />
									<input type="button" class="botton02" value="选择"
										onclick="selectorgAll();" />
								</td>
							</tr>
							<tr>
								<td height="30" bgcolor="E1EEFD" class="tablex">
									<div align="right">
										是否新公文类型 
									</div>
								</td>
								<td height="30" bgcolor="E1EEFD" class="tableleft">
									 
									<input type="radio" name="like" id="news" value="1"
										onclick="selfMissiveType(this)" />
									是
									<span style="padding-left: 20px;"></span>
									<input type="radio" name="like" id="old" value="0"
										onclick="selfMissiveType(this)" checked="checked" />
									否
								</td>
							</tr>
							<tr>
								<td width="15%" height="30" bgcolor="ECF4FD" class="tablex">
									<div align="right" id="mm">
										公文类别 
									</div>
								</td>
								<td width="55%" height="30" bgcolor="ECF4FD" class="tableleft">
									 
									<div id="good" style="display: none">
									</div>
									<div id="choice" style="display: none">
									<br/>
										<font style="size: 5px;">可选操作:</font><span
											style="padding-left: 15px;"></span><a href="javascript:selectAll()">全选</a><span
											style="padding-left: 25px;"></span><a href="javascript:selectRerverse()">反选</a><span
											style="padding-left: 25px;"></span><a href="javascript:cancelAll()">取消</a>
									</div>
								</td>
							</tr>
							<tr id="div3" style="display: none">
								<td width="15%" height="30" bgcolor="E1EEFD" class="tablex">
									<div align="right">
										处理类型 
									</div>
								</td>
								<td width="55%" height="30" bgcolor="E1EEFD" class="tableleft">
									 
									<select name="dealType" id="dealType" style="width: 51%">
										<option value="" selected="selected">
											--请选择--
										</option>
										<option value="1">
											固定描述类型（年份）X号
										</option>
										<option value="2">
											年份第X期（总第N期）
										</option>
										<option value="3">
											部门+固定描述类型（年份）X号
										</option>
									</select>
								</td>
							</tr>

							<tr>
								<td height="30" bgcolor="ECF4FD" class="tablex">
									<div align="right">
										年度 
									</div>
								</td>
								<td height="30" bgcolor="ECF4FD" class="tableleft">
									 
									<input type="text" name="year" id="year"
										value="<%=tempStr + 6%>" readonly="readonly" class="xian">
								</td>
							</tr>
						</table>
						<br>
					</div>
				</td>
			</tr>
		</table>
	</form>
</body>
</html:html>
[/size][/align]
揽峰moc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
element-ui CheckBox全选.txt
12-24
vue配合element-ui框架中el-checkbox 接收json"data:[{key:1,name:'小李'}]"对象时全选与非全选时获取相关设定的值源码文件
JavaScript案例-js全选和全不选.zip
02-16
这个"JavaScript案例-js全选和全不选.zip"压缩包文件聚焦于一个常见的交互功能：全选和全不选。在网页表单或数据列表中，用户经常需要一次性选择所有项或取消所有项的选择，这一功能就通过JavaScript来实现。 全选...
商业编程-源码-GridView全选反选示例源码.zip
06-21
7. **服务器端和客户端事件处理**：为了提供更好的用户体验，通常会结合JavaScript或jQuery在客户端实现全选/反选功能。当用户在浏览器中点击全选CheckBox时，通过AJAX更新服务器端的状态，并同步更新GridView显示。...
vue+vant-UI框架实现购物车的复选框全选和反选功能
10-16
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
react-native-checkbox：React Native的复选框组件
02-05
@react-native-community/checkbox 复选框的本机组件Android示例iOS示例Windows示例支持RN版本复选框版本> 0.60＆<0> = 0.3（从0.4开始支持IOS） <0> = 0.62以在Windows上运行0.5入门yarn add @react-native-...
Cannot find module ‘html-webpack-plugin
qq_43071699的博客
07-26 386
安装。在Webpack配置文件中正确引用。清除缓存并重新安装依赖（如果需要）。确保Webpack版本与兼容。检查文件。按照这些步骤操作，你应该能够解决的问题。如果问题仍然存在，请提供更多信息，以便进一步诊断。
HTTP请求入参类型解读
Bekind2010的专栏
07-24 1074
在HTTP请求中，请求头用于指示资源的MIME类型，即请求体的媒体类型。它告诉服务器实际发送的数据类型是什么，以便服务器能够正确地解析和处理这些数据。可以有多种值，每种值都对应着不同的媒体类型。以下是一些常见的?enctypeenctypeform-datatext/plaintext/plaintext/htmltext/htmltext/xmltext/xmltext/xml每种都对应着不同的数据格式和用途，选择合适的对于确保数据被正确解析和处理至关重要。
PyCharm 常用 的插件
最新发布
u013934107的博客
07-27 169
PyCharm 常用 的插件
Java的@DateTimeFormat注解与@JsonFormat注解的使用对比
訾博（ZiBo）的博客
07-27 595
在Spring和Jackson框架中，日期和时间格式化是一个常见需求。注解主要用于Spring的表单绑定，而注解则用于Jackson的JSON序列化和反序列化。了解这两个注解的使用场景和方法，可以帮助开发者更高效地处理日期和时间。和是处理日期和时间格式化的两个重要注解。主要用于Spring MVC的请求参数绑定，而主要用于Jackson的JSON序列化和反序列化。了解它们的使用场景和功能，可以帮助开发者更高效地处理日期和时间格式化需求。通过本文的介绍，希望读者能够更清晰地理解和。
js 替换json中的转义字符 \
qq_31683775的博客
07-27 109
在控制台测试,字符串先赋给变量,还是直接调用replace方法的结果又不同。正则表达式 /\\\\/g 和 /\//g 按理说也匹配到每个 \。其中 /\\/g 正则表达式 会选中 所有 \。但是在工具中测试,总会保留一个 \。
应用层自定义协议以及序列化和反序列化
Xpccccc的博客
07-24 1026
应用层自定义协议以及序列化和反序列化
运营商二要素核验在生活中的作用
lupai的博客
07-25 515
运营商二要素核验在生活中扮演着至关重要的角色，它主要通过验证用户提交的手机号码和姓名（或身份证信息，但在此处主要讨论手机号码和姓名的验证）来确认用户身份的真实性。信息安全：二要素核验过程中，仅收集和核验关键信息（手机号码和姓名），不存储和泄露用户的更多个人隐私数据，从而保护用户的个人信息安全。金融安全：在互联网金融、银行等领域，进行开户、提现、大额交易等操作时，二要素核验能够确保交易双方身份的真实性，降低欺诈风险。红色部分代表参数值，appid默认为1，请修改为自己的appid值，去我的应用查看以及密钥。
微信小程序分包
m0_64520392的博客
07-23 275
微信小程序分包教程
sqlalchemy使用json_unquote函数的mysql like查询
ithongchou的博客
07-23 1371
为您自己的数据库连接信息，并根据实际表结构修改模型类。函数查询MySQL JSON字段可以通过使用。下面是一个示例，假设有一个名为。请确保替换示例代码中的数据库连接字符串(在SQLAlchemy中使用。的表，其中包含一个名为。
使用sqlalchemy查询mysql的JSON字段
ithongchou的博客
07-23 216
首先，你需要定义一个与表格对应的模型类。
Python网络爬虫详解：实战豆瓣电影信息采集
Huahua_1223的博客
07-24 1324
随着互联网的迅猛发展和数据分析需求的不断增加，网络爬虫成为了一项重要的技术。通过网络爬虫，用户可以自动化地从互联网获取大量数据，从而实现各种数据分析、市场调查等目标。本文将介绍什么是爬虫，以及在爬虫开发中经常用到的一些Python库和其作用，并展示一个简单的爬虫实现步骤。通过本篇博客，我们学习了如何使用Python进行网络爬虫。首先，我们介绍了爬虫的基本概念和工作流程，然后详细介绍了常用的爬虫库及其作用。通过一个具体的示例演示了从环境准备、数据采集、数据处理到数据存储的全过程。
将对象转为JSON格式的数据
2302_77782275的博客
07-24 272
要想将result对象保存到数据库的表中（为字符串），我们可以将result对象转成JSON。1，引入fastJSON的依赖。2.调用其中的API。
JavaScript数据筛选和模糊搜索
Cc040909的博客
07-25 289
【代码】JavaScript数据筛选和模糊搜索。
可消费的媒体类型和可生成的媒体类型
weixin_46589153的博客
07-25 517
可消费的媒体类型和可生成的媒体类型
a-checkbox-group反选和全选
08-25
可以通过在el-checkbox-group上添加一个额外的checkbox来实现全选和反选功能。通过点击这个额外的checkbox来控制el-checkbox-group中所有的checkbox的选中状态。当点击全选checkbox时，遍历el-checkbox-group中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值