当前位置：移动技术网 > IT编程>开发语言>JavaScript > JS中如何实现复选框全选功能

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

2019年05月24日 | 移动技术网IT编程 | 我要评论

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--常见面试题整理(附答案）

一.JS面试题1.当a=?时，可以让a同时满足a1,a2,a==3,并输出ok方法一let a=[1,2,3];... [阅读全文]
javascript的短路机制和几种数值取整的方法

1. javascript的短路机制1.1 且运算符（&&）往往用于多个表达式的求值。它的运算规... [阅读全文]
jQuery50个选择器,让你得心应手

jQuery一:概念一个简单的js组件(是一个别人写好的js文件不是jar包)引入jQuery文件<scr... [阅读全文]
JavaScript 好题汇总分享（持续更新，看到好题就写）

前言本文搜集的题目，均来自各大网课、面试题等预编译相关1a = 100;function demo(e) {fu... [阅读全文]
JS中的原型与原型链图解

原型每一个构造器（函数）上面都有一个属性叫prototype，称为原型。它的值是一个对象，这个对象我们称为原型对... [阅读全文]
XMLHttpRequest 2级 &&进度事件&&JSONP

XMLHttpRequest 2级FormDataFormData 为序列化表单以及创建与表单格式相同的数据（... [阅读全文]
XMLHttpRequest对象

AJAX简介AJAX = 异步 JavaScript 和 XML；是一种用于创建快速动态网页的技术。通过在... [阅读全文]
mock入门学习

mockjs入门学习,自动生成数据官网入口：http://mockjs.com/安装：npm i mockjs ... [阅读全文]
使用递归原生实现拷贝&&最简单的方法实现深拷贝

<script> // 第一种:最简单的方法,一行代码实现 JSON.p... [阅读全文]
【剑指 Offer 45】把数组排成最小的数

输入一个非负整数数组，把数组里所有数字拼接起来排成一个数，打印能拼接出的所有数字中最小的一个。示例 1:输入: ... [阅读全文]

网友评论


验证码：

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

2019年05月24日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论