js實現表單項的全選、反選以及刪除操作


<html>  
<head>  
<title>test</title>  
<script language="javascript">  
function ReSel(){      
    for(i=0;i<document.form1.logs.length;i++){  //這一用法只對form表單有效  
        document.form1.logs[i].checked = true;  //如果是實現【全不選】的話,改成false即可  
    }  
}  
function SeSel(){      
    for(i=0;i<document.form1.logs.length;i++){  
        if(document.form1.logs[i].checked) document.form1.logs[i].checked = false;  
        else document.form1.logs[i].checked = true;  
    }  
}  
function DelSel(){  
     var nid = getCheckboxItem();  
     if(nid==""){  
          alert("請選擇項目!\r\n");  
          return ;  
     }  
     location.href = "member_activation.php?dopost=del&ids="+nid;  
}  
//獲得選中文件的文件名  
function getCheckboxItem(){  
     var allSel="";  
     if(document.form1.logs.value) return document.form1.logs.value;  
     for(i=0;i<document.form1.logs.length;i++)  
     {  
         if(document.form1.logs[i].checked){  
             if(allSel=="")  
                 allSel=document.form1.logs[i].value;  
             else  
                 allSel=allSel+"-"+document.form1.logs[i].value;  
         }  
     }  
   
     return allSel;   
}  
</script>  
  
</head>  
<body>  
  
<table>  
    <tr>  
      <td>列表</td>  
    </tr>  
    <tr>   
      <td>選擇</td>  
      <td>id</td>  
      <td>名字</td>  
    </tr>  
    <form name="form1">  
         {foreach  name="list"  key='key' item='val'} 
        <tr> 
          <td><input name='logs' type='checkbox' value='{$val.id/}' /></td>  
          <td>{$val.id}</td>  
          <td>{$val.name}</td>  
        </tr>  
        {/foreach}
    </form>  
    <tr bgcolor="#ffffff">   
     <td height="36" colspan="9">  
        <a class="coolbg" onClick="ReSel();" >全選</a>  
        <a class="coolbg" onClick="SeSel();" >反選</a>  
        <a class="coolbg" onClick="DelSel();">刪除</a>  
     </td>  
    </tr>  
</table>  
  
</body>  
</html>  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM