首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

JS中如何实现复选框全选功能

Posted in Javascript onDecember 19, 2016

js实现复选框全选功能，代码如下所示：

<? 
include_once("inc/auth.inc.php"); 
include_once("inc/utility_all.php"); 
include_once("inc/utility_org.php"); 
$connstatus = ($connstatus) ? true : false; 
if(!isset($TYPE)) 
  $TYPE="0"; 
$ITEMS_IN_PAGE=10; 
if(!isset($start) || $start=="") 
  $start=0; 
$HTML_PAGE_TITLE = _("文件管理"); 
include_once("inc/header.inc.php"); 
?> 
<script> 
function open_file(FILE_ID) 
{ 
 URL="read_file.php?FILE_ID="+FILE_ID; 
 myleft=(screen.availWidth-500)/2; 
 mytop=150 
 mywidth=550; 
 myheight=300; 
 window.open(URL,"read_file","height="+myheight+",width="+mywidth+",status=1,toolbar=no,menubar=no,location=no,scrollbars=yes,top="+mytop+",left="+myleft+",resizable=yes"); 
} 
function delete_file(FILE_ID,CUR_PAGE) 
{ 
 msg='<?=_("确认要销毁该项文件吗？")?>'; 
 if(window.confirm(msg)) 
 { 
 URL="delete.php?FILE_ID=" + FILE_ID + "&CUR_PAGE=" + CUR_PAGE; 
 window.location=URL; 
 } 
} 
function delete_all() 
{ 
 delete_str=""; 
 for(i=0;i<document.getElementsByName("file_select").length;i++) 
 { 
   el=document.getElementsByName("file_select").item(i); 
   if(el.checked) 
   { val=el.value; 
     delete_str+=val + ","; 
   } 
 } 
 if(i==0) 
 { 
   el=document.getElementsByName("file_select"); 
   if(el.checked) 
   { val=el.value; 
     delete_str+=val + ","; 
   } 
 } 
 if(delete_str=="") 
 { 
   alert("<?=_("要销毁文件，请至少选择其中一个。")?>"); 
   document.form1.reset(); 
   return; 
 } 
 msg='<?=_("确认要销毁已选中的文件吗？")?>'; 
 if(window.confirm(msg)) 
 { 
 url="./delete_all.php?DELETE_STR="+ delete_str +"&PAGE_START=<?=$PAGE_START?>"; 
 window.location=url; 
 } 
} 
function order_by(field,asc_desc) 
{ 
 window.location="index1.php?CUR_PAGE=<?=$CUR_PAGE?>&TYPE=<?=$TYPE?>&FIELD="+field+"&ASC_DESC="+asc_desc; 
} 
function file_troop(type) 
{ 
  document.form1.action="troop.php?CUR_PAGE=<?=$CUR_PAGE?>&FIELD=<?=$FIELD?>&ASC_DESC=<?=$ASC_DESC?>"; 
  document.form1.target='_self'; 
  document.form1.submit(); 
} 
function check_all() 
{ 
 for (i=0;i<document.getElementsByName("file_select").length;i++) 
 { 
  if(document.getElementsByName("allbox")[0].checked) 
   document.getElementsByName("file_select").item(i).checked=true; 
  else 
   document.getElementsByName("file_select").item(i).checked=false; 
 } 
 if(i==0) 
 { 
  if(document.getElementsByName("allbox")[0].checked) 
   document.getElementsByName("file_select").checked=true; 
  else 
   document.getElementsByName("file_select").checked=false; 
 } 
} 
function change_roll() 
{ 
 delete_str=""; 
 for(i=0;i<document.getElementsByName("file_select").length;i++) 
 { 
   el=document.getElementsByName("file_select").item(i); 
   if(el.checked) 
   { val=el.value; 
     delete_str+=val + ","; 
   } 
 } 
 if(i==0) 
 { 
   el=document.getElementsByName("file_select"); 
   if(el.checked) 
   { val=el.value; 
     delete_str+=val + ","; 
   } 
 }  
 var myselect=document.getElementById("SROLL_ID");  
 var index=myselect.selectedIndex ;  
 if(delete_str=="") 
 { 
   alert("<?=_("要组卷文件，请至少选择其中一个。")?>"); 
   document.form1.reset(); 
   return; 
 } 
 roll_id=myselect.options[index].value; 
 url="./change_roll.php?DELETE_STR="+ delete_str +"&ROLL_ID="+roll_id+"&PAGE_START=<?=$PAGE_START?>"; 
 location=url; 
} 
function check_one(el) 
{ 
  if(!el.checked) 
   document.getElementsByName("allbox")[0].checked=false; 
} 
function shenpi_all() 
{ 
 delete_str=""; 
 for(i=0;i<document.getElementsByName("file_select").length;i++) 
 { 
   el=document.getElementsByName("file_select").item(i); 
   if(el.checked) 
   { val=el.value; 
     delete_str+=val + ","; 
   } 
 } 
 if(i==0) 
 { 
   el=document.getElementsByName("file_select"); 
   if(el.checked) 
   { val=el.value; 
     delete_str+=val + ","; 
   } 
 } 
 if(delete_str=="") 
 { 
   alert("<?=_("要审批文件，请至少选择其中一个。")?>"); 
   document.form1.reset(); 
   return; 
 } 
 msg='<?=_("确认要审批通过已选中的文件吗？")?>'; 
 if(window.confirm(msg)) 
 { 
  // alert(delete_str); 
 url="./shenpi_all.php?SHENPI_STR="+ delete_str +"&start=<?=$start?>"; 
 window.location=url; 
 } 
} 
</script> 
<body class="bodycolor"> 
<? 
 // $query = "SELECT count(*) from RMS_FILE_NEW,RMS_ROLL,RMS_ROLL_ROOM where RMS_FILE_NEW.ROLL_ID=RMS_ROLL.ROLL_ID and RMS_ROLL.ROOM_ID=RMS_ROLL_ROOM.ROOM_ID and RMS_FILE_NEW.shenpiren='".$_SESSION["LOGIN_USER_ID"]."' and RMS_FILE_NEW.DEL_USER='' and SHENPISTATUS='1'"; 
  $query = "SELECT count(*) from RMS_FILE_NEW where RMS_FILE_NEW.shenpiren='".$_SESSION["LOGIN_USER_ID"]."' and RMS_FILE_NEW.DEL_USER='' and SHENPISTATUS='1'"; 
  //echo $query."<br>";  
if($TYPE!="0") 
  $query .= " and CATALOG_NO='$TYPE' "; 
//echo $query."<br>"; 
 $cursor= exequery(TD::conn(),$query, $connstatus); 
 $RMS_FILE_NEW_COUNT=0; 
 if($ROW=mysql_fetch_array($cursor)) 
  $RMS_FILE_NEW_COUNT=$ROW[0]; 
 if($RMS_FILE_NEW_COUNT==0) 
 { 
?> 
<table border="0" width="100%" cellspacing="0" cellpadding="3" class="small"> 
 <tr> 
  <td class="Big"><img src="<?=MYOA_STATIC_SERVER?>/static/images/notify_open.gif" align="absmiddle"><span class="big3"> <?=_("待审批文件")?></span>  
  </td> 
 </tr> 
</table> 
<br> 
<? 
  Message("",_("无需要审批的文件")); 
  exit; 
 } 
?> 
<table border="0" width="100%" cellspacing="0" cellpadding="3" class="small"> 
 <tr> 
  <td class="Big"><img src="<?=MYOA_STATIC_SERVER?>/static/images/notify_open.gif" align="absmiddle"><span class="big3"> <?=_("待审批文件管理")?></span>  
  </td> 
  <td align="right" valign="bottom" class="small1"><?=sprintf(_("共%s条"), '<span class="big4"> '.$RMS_FILE_NEW_COUNT.'</span>')?>  
  </td> 
  <td align="right" valign="bottom" class="small1"> 
<?=page_bar($start,$RMS_FILE_NEW_COUNT,$ITEMS_IN_PAGE)?> 
  </td> 
  </tr> 
</table> 
<? 
if($ASC_DESC=="") 
  $ASC_DESC="1"; 
//if($FIELD=="") 
//  $FIELD="FILE_CODE"; 
 //============================ 显示已发布文件 ======================================= 
//$query = "SELECT * from RMS_FILE_NEW,RMS_ROLL,RMS_ROLL_ROOM where RMS_FILE_NEW.ROLL_ID=RMS_ROLL.ROLL_ID and RMS_ROLL.ROOM_ID=RMS_ROLL_ROOM.ROOM_ID and RMS_FILE_NEW.shenpiren='".$_SESSION["LOGIN_USER_ID"]."' and RMS_FILE_NEW.DEL_USER='' and SHENPISTATUS='1'"; 
  $query = "SELECT * from RMS_FILE_NEW where RMS_FILE_NEW.shenpiren='".$_SESSION["LOGIN_USER_ID"]."' and RMS_FILE_NEW.DEL_USER='' and SHENPISTATUS='1'"; 
  //echo $query1."<br>"; 
  if($FIELD==""){ 
  $query.=" order by RMS_FILE_NEW.ADD_TIME DESC,RMS_FILE_NEW.MOD_TIME DESC";  
  } 
  else { 
    $query .= " order by $FIELD"; 
if($ASC_DESC=="1") 
  $query .= " desc"; 
else 
  $query .= " asc"; 
    }                   
//echo $query; 
$query .= " limit $start,$ITEMS_IN_PAGE"; 
if($ASC_DESC=="0") 
  $ORDER_IMG="<img border=0 src=\"".MYOA_STATIC_SERVER."/static/images/arrow_up.gif\" width=\"11\" height=\"10\">"; 
else 
  $ORDER_IMG="<img border=0 src=\"".MYOA_STATIC_SERVER."/static/images/arrow_down.gif\" width=\"11\" height=\"10\">"; 
?> 
<table class="TableList" width="100%"> 
 <form action="?" method="post" name="form1"> 
 <tr class="TableHeader"> 
   <td nowrap align="center"><input type="checkbox" name="allbox" id="allbox_for" onClick="check_all();"></td> 
   <td nowrap align="center" onClick="order_by('FILE_CODE','<?if($FIELD=="FILE_CODE") echo 1-$ASC_DESC;else echo "1";?>');" style="cursor:hand;"><u><?=_("文件号")?></u><?if($FIELD=="FILE_CODE") echo $ORDER_IMG;?></td> 
   <td nowrap align="center" onClick="order_by('FILE_TITLE','<?if($FIELD=="FILE_TITLE") echo 1-$ASC_DESC;else echo "1";?>');" style="cursor:hand;"><u><?=_("文件标题")?></u><?if($FIELD=="FILE_TITLE") echo $ORDER_IMG;?></td> 
   <td nowrap align="center"><?=_("密级")?></td> 
   <td nowrap align="center" onClick="order_by('SEND_UNIT','<?if($FIELD=="SEND_UNIT"||$FIELD=="") echo 1-$ASC_DESC;else echo "1";?>');" style="cursor:hand;"><u><?=_("发文单位")?></u><?if($FIELD=="SEND_UNIT"||$FIELD=="") echo $ORDER_IMG;?></td> 
   <td nowrap align="center" onClick="order_by('SEND_DATE','<?if($FIELD=="SEND_DATE") echo 1-$ASC_DESC;else echo "1";?>');" style="cursor:hand;"><u><?=_("发文时间")?></u><?if($FIELD=="SEND_DATE") echo $ORDER_IMG;?></td> 
   <td nowrap align="center"><?=_("所属案卷")?></td> <td nowrap align="center"><?=_("创建人")?></td> 
   <td nowrap align="center"><?=_("操作")?></td> 
  </tr> 
<? 
$cursor= exequery(TD::conn(),$query, $connstatus); 
$RMS_FILE_NEW_COUNT=0; 
while($ROW=mysql_fetch_array($cursor)) 
{ 
  $RMS_FILE_NEW_COUNT++; 
  $FILE_ID=$ROW["FILE_ID"]; 
  $FILE_CODE=$ROW["FILE_CODE"]; 
  $FILE_TITLE=$ROW["FILE_TITLE"]; 
  $SECRET=$ROW["SECRET"]; 
  $SEND_UNIT=$ROW["SEND_UNIT"]; 
  $SEND_DATE=$ROW["SEND_DATE"]; 
  $URGENCY=$ROW["URGENCY"]; 
  $ROLL_ID=$ROW["ROLL_ID"]; 
  $ADD_USER=$ROW["ADD_USER"];$ADD_TIME=$ROW["ADD_TIME"]; 
  $query1 = "SELECT * from RMS_ROLL where ROLL_ID='$ROLL_ID'"; 
  $cursor1= exequery(TD::conn(),$query1); 
  if($ROW=mysql_fetch_array($cursor1)) 
  { 
    $ROLL_NAME=$ROW["ROLL_NAME"]; 
    $STATUS=$ROW["STATUS"]; 
  } 
  else 
  { 
    $ROLL_NAME=""; 
  } 
  if($SEND_DATE=='0000-00-00') 
    $SEND_DATE=''; 
  $FILE_TITLE=htmlspecialchars($FILE_TITLE); 
  $SECRET=get_code_name($SECRET,"RMS_SECRET"); 
  $URGENCY=get_code_name($URGENCY,"RMS_URGENCY"); 
  if($RMS_FILE_NEW_COUNT%2==1) 
    $TableLine="TableLine1"; 
  else 
    $TableLine="TableLine2"; 
?> 
  <tr class="<?=$TableLine?>"> 
   <td nowrap align="center"> 
<? 
if($STATUS!=1) 
{ 
?> 
    <input type="checkbox" name="file_select" value="<?=$FILE_ID?>" onClick="check_one(self);"></td> 
<? 
} 
else 
  echo " "; 
?> 
   <td align="center" nowrap> 
   <a href="javascript:open_file('<?=$FILE_ID?>');"><?=$FILE_CODE?></a> 
   </td> 
   <td align="center"><a href="javascript:open_file('<?=$FILE_ID?>');"><?=$FILE_TITLE?></a></td> 
   <td nowrap align="center"><?=$SECRET?></td> 
   <td nowrap align="center"><?=$SEND_UNIT?></td> 
   <td nowrap align="center"><?=$SEND_DATE?></td> 
   <td nowrap align="center"><?=$ROLL_NAME?></td> 
    <td nowrap align="center"><?=substr(getUserNameById($ADD_USER),0,-1);?></td> 
   <td nowrap align="center"> 
<? 
if($STATUS!=1) 
{ 
?> 
   <a href="modify.php?FILE_ID=<?=$FILE_ID?>&start=<?=$start?>"> <?=_("去审批")?></a> 
<? 
} 
else 
  echo _("案卷已封"); 
  ?> 
  <a href="javascript:delete_file('<?=$FILE_ID?>','<?=$CUR_PAGE?>');"> <?=_("销毁")?></a> 
   </td> 
  </tr> 
<? 
 } 
?> 
<tr class="TableControl"> 
<td colspan="9"> 
  <b><?=_("文件操作：")?></b> 
  <input type="button" value="<?=_("批量销毁")?>" class="SmallButton" onClick="delete_all()" title="<?=_("销毁已选中文件")?>">  <input type="button" value="<?=_("批量审批")?>" class="SmallButton" onClick="shenpi_all()" title="<?=_("批量审批已选中文件")?>"> 
</td> 
</tr> 
</form> 
</table> 
</body> 
</html>

以上所述是小编给大家介绍的JS中如何实现复选框全选，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

JS中如何实现复选框全选功能

- Author -

通达OA阿海

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
jquery 页面全选框实践代码
Apr 02 Javascript
Js event事件在IE、FF兼容性问题
Jan 01 Javascript
jquery购物车实时结算特效实现思路
Sep 23 Javascript
js 距离某一时间点时间是多少实现代码
Oct 14 Javascript
JavaScript中的this机制
Jan 30 Javascript
js自调用匿名函数的三种写法(推荐)
Aug 19 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
Vue项目中引入外部文件的方法（css、js、less）
Jul 24 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
Jul 07 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
解决vue路由后界面没有变化,但是链接有的问题
Sep 01 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
BootStrapValidator校验方式
Dec 19 #Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 #Javascript
JavaScript中this的用法实例分析
Dec 19 #Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 #Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 #Javascript
快速入门Vue
Dec 19 #Javascript
javascript中call,apply,bind函数用法示例
Dec 19 #Javascript
HttpClient(1) 注解(1) NTP(1) Windows Server 2022(3) 反射(1) Hive(5) Quartz(1) ip2region(1) RestTemplate(1) dataBinding(1)
You might like
《心理测量者3》剧场版动画预告
2020/03/02 日漫
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
php join函数应用
2011/05/04 PHP
PHP+Mysql无刷新问答评论系统(源码)
2016/12/20 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
JavaScript中实现块作用域的方法
2010/04/01 Javascript
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
js中的string.format函数代码
2020/08/11 Javascript
JavaScript高级程序设计（第3版）学习笔记6 初识js对象
2012/10/11 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
使用bat打开多个cmd窗口执行gulp、node
2017/02/17 Javascript
express框架实现基于Websocket建立的简易聊天室
2017/08/10 Javascript
Vue触发隐藏input file的方法实例详解
2019/08/14 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
javascript实现视频弹幕效果（两个版本）
2019/11/28 Javascript
JavaScript中的类型检查
2020/02/03 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
2020/09/09 Javascript
React Ant Design树形表格的复杂增删改操作
2020/11/02 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
Python迭代器和生成器介绍
2015/03/06 Python
python查询mysql,返回json的实例
2018/03/26 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
CSS3常用的几种颜色渐变模式总结
2016/11/18 HTML / CSS
HTML5新增的8类INPUT输入类型介绍
2015/07/06 HTML / CSS
跑鞋、网球鞋、网球拍、服装及装备：Holabird Sports
2016/09/19 全球购物
澳大利亚家用电器在线商店：Billy Guyatts
2020/05/05 全球购物
实习生单位鉴定意见
2013/12/04 职场文书
最新党员思想汇报
2014/01/01 职场文书
生产厂长岗位职责
2014/02/21 职场文书
读书活动总结
2014/04/28 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
测量员岗位职责
2015/02/14 职场文书
个人廉洁自律总结
2015/03/06 职场文书
2015年班主任德育工作总结
2015/05/21 职场文书
2015年党风廉政建设个人总结
2015/08/18 职场文书