JQuery 全选 取消 提交

简介: 表单: <input type="checkbox" name="check[]" id="check" value={$tbl.Name} />   <div class="class="btn">      <a href="javascript:;" class="inputbutx" id="selAll">全选</a>

表单:

<input type="checkbox" name="check[]" id="check" value={$tbl.Name} />

 

<div class="class="btn">
     <a href="javascript:;" class="inputbutx" id="selAll">全选</a>
     <a href="javascript:;" class="inputbutx" id="noSelAll">取消</a>&nbsp;&nbsp;&nbsp;
     分卷备份,每个分卷文件长度:<input type=text name="sizelimit" value="2048" size=5>&nbsp;KB&nbsp;
          <a href="###" class="inputbutx" id="checkAll">开始备份</a>
    </div>

 

 

 

Jquery代码:

<script type="text/javascript">
$(function(){
 $('.del').click(function(){
  var msg = "您确认要删除吗?";
  return confirm(msg);
 });
 $('#selAll').click(function(){
  $(":checkbox").attr("checked",'checked');
 });
 $('#noSelAll').click(function(){
  $(":checkbox").attr("checked",'');
 });
 $('#checkAll').click(function(){
  var allSel="";
  $(":checkbox").each(function(){   
   if($(this).attr("checked")){
    if(allSel==""){
     allSel=$(this).val();
    }else{
     allSel=allSel+","+$(this).val();
    }    
   }
  }); 
  if(allSel){
   var msg='是否开始备份数据库?';
   if(confirm(msg)){
    $('#bakform').submit();
   }   
  }else{
   alert('请至少选择一个信息!');
  }
 });
});
</script>

目录
相关文章
|
前端开发 JavaScript
【jquery ajax】实现文件上传提交
【jquery ajax】实现文件上传提交
281 0
【jquery ajax】实现文件上传提交
|
JavaScript
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
145 0
|
开发框架 移动开发 前端开发
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
291 0
|
JavaScript 前端开发 PHP
jquery $.post 序列化表单ajax提交
jquery $.post 序列化表单ajax提交
112 0
|
JavaScript 存储 Java
|
JavaScript 前端开发 数据格式