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

2024-12-04 01:55:31

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实现CheckBox复选框全选全不选功能

CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭.大多数应用程序的"设置"对话框内均有此控件.我们看到的可以打勾的就是CheckBox. 该控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBo
javaScript实现复选框全选反选事件详解

本文实例为大家分享了javaScript实现复选框全选反选的具体代码,供大家参考,具体内容如下代码 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title
JS实现CheckBox复选框全选、不选或全不选功能

CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBox复选框JS实现全选.不选.全不选功能,很简单,具体内容如下思路: 1.获取元素 2.给全选不选反选添加点击事件 3.用for循环checkbox 4.把chec
javascript 复选框选择/全选后特效

运行效果 @charset "utf-8"; .content form { margin:0; } table { border:1px solid #CCC; background:#E4E4E4; } td { border-top:1px solid #CCC; background:#FFF; font-size:12px; } th,td,.quantity { text-align:center; font-family:Arial, Helvetica, sans-se
JS实现复选框的全选和批量删除功能

如图示: 功能描述:在勾选了全选时,所有的商品都会勾选,在取消全选时,取消所有物品的勾选.如果点击批量删除,删除所勾选的商品. <td align="center" width="12%" > <input type="checkbox" id="allChecks" onclick="ckAll()" /> 全选/全不选 </td> //全选 function ckAl
js与jQuery实现checkbox复选框全选/全不选的方法

本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法.分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法.这应该是一个比较实用的前端技巧吧,很多时候我们都需要点击一个checkbox,然后将所有的复选框自动全部选中,比如新浪邮箱中,一些CMS系统的后台中,使用本JS效果后,会大大增强了操作体验,那么究竟是如何实现这一功能的呢?别着急,跟我一步一步实现. 我们先把那些带复选框的列表弄好,还没加全选.全不选时候的状态,大
通过js来制作复选框的全选和不选效果

复制代码代码如下: <html> <head> <title>制作全选效果</title> <script language="javascript"> function selectAll(){ allcheckBoxs=document.getElementsByName("a"); var a2=document.getElementsByName("a1"); if(a2[0]
js实现复选框的全选和取消全选效果

在很多网站都有这样的功能,当点击一个全选按钮之后,所有的复选框都会被选中,再点击之后会取消全选,功能非常的人性化,可以省却很多人力,下面就简单介绍一下JS如何实现此功能,代码实例如下: 以下是代码: <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://hovertree.com/" /> <titl
js全选实现和判断是否有复选框选中的方法

本文实例讲述了js全选实现和判断是否有复选框选中的方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: function actionEvent(methodname){ var form = document.forms[0]; if(validateIsSelect(form.all, form.productids)){ form.action='<html:rewrite action="/control
js html css实现复选框全选与反选

本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下 <html> <head> <title>html+css+js实现复选框全选与反选</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="keywords" content=&quo

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

相关推荐

随机推荐