JQuery 全选 取消 提交

表单:

<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>

时间: 2024-10-30 19:13:03

JQuery 全选 取消 提交的相关文章

完整的jquery全选/取消全选示例效果

由于这两个比较简单,我就直接上代码吧: //全选/取消全选$('#quanxuan').toggle(function () {     $("input[name='abc']").attr("checked", 'true'); }, function () {     $("input[name='abc']").removeAttr("checked"); }); //反选$('#fanxuan').click(fun

jquery 实现checkbox全选/取消全选

jQuery.attr  获取/设置对象的属性值,如:  代码如下 复制代码 $("input[name='chk_list']").attr("checked");     //读取所有name为'chk_list'对象的状态(是否选中) $("input[name='chk_list']").attr("checked",true);      //设置所有name为'chk_list'对象的checked为true 再如

jquery复选框全选/取消示例

 jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态  功能:   a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态   b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 代码如下: /**  * 全选函数  * @param mainId 主复选框id  * @param klass 下属复选框的class  */ function selectAll(mainId,klass){  $(

jQuery实现复选框全选/取消全选/反选及获得选择的值

  这篇文章主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(docu

JQUERY CHECKBOX全选,取消全选,反选方法三_jquery

jquery.checkboxes.zip,然后解压引用到使用插件的页面,这个不用多说了吧!下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 复制代码 代码如下: $("#myform").toggleCheckboxes()//全选,取消全选,反选 $("#myform").toggleCheckboxes(":not(#checkbox1)")//全选,取消全选且不选中第一个,反选 $("#myform"

CHECKBOX全选,取消全选,反选 jquery代码

方法一  $("#myform").togglecheckboxes()//全选,取消全选,反选 $("#myform").togglecheckboxes(":not(#checkbox1)")//全选,取消全选且不选中第一个,反选 $("#myform").togglecheckboxes(".top5", true)//全选,取消全选且只选前五个,反选 $("#myform").c

jQuery实现复选框全选/取消全选/反选及获得选择的值_jquery

复制代码 代码如下: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function() { // 全选/取消全部 $(&qu

checkbox全选/取消全选以及checkbox遍历jQuery实现代码_jquery

复制代码 代码如下: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_list_1" valu

Jquery全选与反选点击执行一次的解决方案_jquery

代码需求, 使用attr只能执行一次,使用prop则完美实现全选和反选,获取所有选中的项并把选中项的文本组成一个字符串. 解决方案一: 代码如下: <html> <head> <script src="jquery-1.11.1.min.js" type="text/javascript"></script> </head> <body> <input type="checkbo