首页
所有分类
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 相关文章推荐
IE php关于强制下载文件的代码
Aug 23 Javascript
JavaScript入门教程(3) js面向对象
Jan 31 Javascript
js 动态修改css文件用到了cssRule
Aug 20 Javascript
jQuery下拉美化搜索表单效果代码分享
Aug 25 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
Oct 13 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
jquery+ajax实现省市区三级联动 （封装和不封装两种方式）
May 15 jQuery
setTimeout时间设置为0详细解析
Mar 13 Javascript
浅谈小程序 setData学问多
Feb 20 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
Jul 19 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
Sep 23 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
缅甸购物网站(1) 乌克兰购物网站(27) 摩纳哥购物网站(1) 菲律宾购物网站(13) 巴基斯坦购物网站(2) 匈牙利购物网站(11) 越南购物网站(9) 亚洲购物网站(6) 秘鲁购物网站(1) 北美洲购物网站(1)
You might like
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
windows下配置php5.5开发环境及开发扩展
2014/12/25 PHP
ajax不执行success回调而是执行了error回调
2012/12/10 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
2013/01/27 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
javascript在IE下trim函数无法使用的解决方法
2014/09/12 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
js实现贪吃蛇小游戏（容易理解）
2017/01/22 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
webpack实现热加载自动刷新的方法
2017/07/30 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
在Webpack中用url-loader处理图片和字体的问题
2020/04/28 Javascript
Python数组遍历的简单实现方法小结
2016/04/27 Python
利用Python实现网络测试的脚本分享
2017/05/26 Python
python简单实例训练(21~30)
2017/11/15 Python
python实现log日志的示例代码
2018/04/28 Python
pandas去重复行并分类汇总的实现方法
2019/01/29 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
pyenv虚拟环境管理python多版本和软件库的方法
2019/12/26 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
Vita Fede官网：在意大利手工制作，在纽约市设计
2019/10/25 全球购物
string = null 和string ＝ ''的区别
2013/04/28 面试题
Ruby如何进行文件操作
2014/07/17 面试题
学生会竞选自荐信
2013/10/12 职场文书
医院保洁服务方案
2014/06/11 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书
婚礼上证婚人致辞
2015/07/28 职场文书
公文写作：教你写“建议书”
2019/05/07 职场文书
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers