`
Franciswmf
  • 浏览: 799866 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多
[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">
						&nbsp;
					</div>
				</td>
				<td width="80%" height="26" valign="bottom" class="font13">
					<div align="right">
						<a href="javaScript:saveMissiveNo();" target="_self">保存</a>
						&nbsp;|&nbsp;
						<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">
										所属类型&nbsp;
									</div>
								</td>
								<td width="55%" height="30" bgcolor="E1EEFD" class="tableleft">
									&nbsp;
									<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">
										部门&nbsp;
									</div>
								</td>
								<td height="30" bgcolor="ECF4FD" class="tableleft">
									&nbsp;
									<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">
										是否新公文类型&nbsp;
									</div>
								</td>
								<td height="30" bgcolor="E1EEFD" class="tableleft">
									&nbsp;
									<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">
										公文类别&nbsp;
									</div>
								</td>
								<td width="55%" height="30" bgcolor="ECF4FD" class="tableleft">
									&nbsp;
									<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">
										处理类型&nbsp;
									</div>
								</td>
								<td width="55%" height="30" bgcolor="E1EEFD" class="tableleft">
									&nbsp;
									<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">
										年度&nbsp;
									</div>
								</td>
								<td height="30" bgcolor="ECF4FD" class="tableleft">
									&nbsp;
									<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]
分享到：
| 下拉列表select中使用ajax的json数据交换格 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Checkbox全选反选.html

    Checkbox全选反选.html

    DataGridView标头CheckBox全选反选

    通过以上步骤，我们可以实现`DataGridView`的全选/反选功能，使得用户可以通过列头的`CheckBox`轻松选择所有行或者取消选择。这样的设计提高了用户体验，特别是在处理大量数据时，使得批量操作更加便捷。同时，这个...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中，Checkbox（复选框）是一种非常常见的用户界面元素，用于收集用户的多选输入。尤其是在表单设计时，Checkbox的全选与反选功能极大地方便了...

    android checkbox全选反选

    "Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作，包括全选和反选的功能。ListView是Android系统提供的一种列表视图，它可以显示大量数据并允许用户进行交互。下面我们...

    三种方式实现checkbox全选，反选

    以下是三种实现Checkbox全选和反选的方法，以及它们的JavaScript和Java实现细节。 ### 方法一：使用`checked`属性 **JavaScript实现**： 在JavaScript中，可以通过获取全选按钮的`checked`属性来控制所有复选框的...

    Oracle SQL Developer 2.1.0.63.73 for 32bit-windows-no-jre.part2

    Select the "Use folder names" checkbox when unzipping the file. You can migrate your settings from Oracle SQL Developer 1.2.1. or Oracle SQL Developer 1.5.x. See the Release Notes 2.1 for more ...

    js checkbox全选 反选 取消全部设置表单checkbox复选框勾选

    本篇文章将详细讲解如何利用JavaScript实现`checkbox`的全选、反选和取消全部功能，以及相关的代码示例。 ### 1. `checkbox`基本概念 `checkbox`在HTML中通过`&lt;input type="checkbox"&gt;`标签创建。默认情况下，`...

    element-ui CheckBox全选.txt

    vue配合element-ui框架中el-checkbox 接收json"data:[{key:1,name:'小李'}]"对象时全选与非全选时获取相关设定的值源码文件

    Oracle SQL Developer 2.1.0.63.73 for 32bit-windows-no-jre.part1

    Select the "Use folder names" checkbox when unzipping the file. You can migrate your settings from Oracle SQL Developer 1.2.1. or Oracle SQL Developer 1.5.x. See the Release Notes 2.1 for more ...

    js checkbox全选 反选 取消全部设置表单html复选框

    "js checkbox全选 反选 取消全部设置表单html复选框"这个标题描述了一个常见的功能需求，即通过JavaScript控制HTML中的复选框（checkboxes），实现全选、反选和取消全部选中的功能。在本文中，我们将深入探讨如何...

    checkbox实现全选和反选经典例子

    在高级控件如DataGridView中，通过结合Checkbox可以实现全选和反选功能，为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    checkbox使用jquery全选-反选-取得选中的值-Housl.zip

    这个压缩包文件"checkbox使用jquery全选-反选-取得选中的值"中应该包含了完整的HTML、CSS和JavaScript代码示例，你可以下载并运行以更好地理解和实践这些功能。通过学习和掌握这些技术，你可以轻松地在项目中实现复...

    简单实现全选反选功能（html）

    接下来，我们引入jQuery库，并创建一个名为`select.js`的JavaScript文件，来处理全选/反选的逻辑： ```javascript $(document).ready(function() { // 当全选按钮被点击时，触发事件 $('#selectAll').click...

    JS简单表格列表全选反选代码.zip

    总的来说，"JS简单表格列表全选反选代码"是JavaScript基础应用的一个实例，涉及到事件处理、DOM操作、遍历和逻辑判断等多个核心概念，对于初学者和有一定经验的开发者来说，都是一个很好的学习和参考素材。

    DataGridView表头添加checkbox实现全选反选

    当我们需要在数据表中实现多选功能时，通常会在表头添加一个`Checkbox`，以实现全选或反选所有行的功能。这个过程涉及到事件处理、控件交互以及UI设计等多个方面的知识点。 首先，我们需要在`DataGridView`的表头行...

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    其中，复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品。本文档将会介绍如何使用Vue.js结合Vant-UI组件库来实现这一功能。 #### 2. Vant-UI和Vue.js简介 **Vue.js** 是一个构建用户界面的渐...

    Javascript实现全选反选

    在JavaScript编程中，"全选反选"功能是常见的用户交互设计，常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目，极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

    WPF CheckBox全选、反选比较通用

    本教程将详细介绍如何在WPF中实现CheckBox的全选和反选功能。 首先，我们需要理解CheckBox的基本用法。在XAML中，我们可以创建一个CheckBox并为其设置文本和初始状态： ```xml &lt;CheckBox Content="全选" x:Name=...

    vue+elementui实现下拉框增加checkbox并可全选或取消（完整案例及效果图）.zip

    在这个特定的案例中，我们关注的是如何使用Element UI来实现一个带有复选框（checkbox）的下拉框（select），并且支持全选和取消全选的功能。下面将详细介绍这一功能的实现步骤和关键知识点。 首先，我们需要在项目...

    checkbox全选反选与批量删除附源码

    在IT领域，尤其是在Web开发中，用户经常需要对列表中的多项数据进行操作，例如全选、反选和批量删除。这个场景通常涉及到前端交互和后端处理。在本例中，我们将探讨如何利用HTML的`checkbox`元素，JavaScript来实现...

Magicbox
Global site tag (gtag.js) - Google Analytics