全选与ajax

原创 2016年05月30日 14:41:26

body:

<form id="form" method="get" action="/username=1&&password=2">
    <label><input type="checkbox" name="亚洲" value="亚洲">亚洲</label>
    <label><input type="checkbox" name="亚洲" value="亚洲">亚洲</label>
    <label><input type="checkbox" name="亚洲" value="亚洲">亚洲</label>
    <label><input type="checkbox" name="亚洲" value="亚洲">亚洲</label><br>
    <label><input type="checkbox" onclick="CheckAll('selectAll',this)">全选</label>
    <label>
         <input type="button" value="提交" class="sub">
    </label>
</form>

js
<script>
    function CheckAll(value,obj)  {
        var form = document.getElementById("form").getElementsByTagName("input");
        for (var i=0;i<form.length;i++){
            if(form[i].type=="checkbox"){
                var e = form[i];
                if (value=="selectAll")
                {  
                    e.checked=obj.checked;
                }
                else{e.checked=!e.checked;}
            }
        }
    }
    $('.sub').click(function(){
        var arr=[];
        $('#form').find('input[name="亚洲"]:checked').each(function(){
            var   value=$(this).val();
            arr.push(value);
        })
        alert(arr);

    alert(value);
    })
</script>

版权声明:本文为博主原创文章,未经博主允许不得转载。

AJAX 全选、反选删除

JSP+Ajax 添加删除Checkbox实例 example test function $() {   var elements = new Array();   for...
  • luxideyao
  • luxideyao
  • 2013年07月11日 22:36
  • 2011

AJAX全选、反选、全不选、删除、批量删除、即点即改

这里是用的laravel框架 首先是前台模板: Document 测试页面 选择 ID 内容 ...
  • yqwwj001
  • yqwwj001
  • 2016年11月05日 10:59
  • 294

AJAX 全选、反选删除

JSP+Ajax 添加删除Checkbox实例 example test function $() {   var elements = new Array();   for...
  • luxideyao
  • luxideyao
  • 2013年07月11日 22:36
  • 2011

Android中的全选与反选

代码如下所示 MainActivity: import android.app.Activity; import android.os.Bundle; import android.view.View...
  • ssddaaaaa
  • ssddaaaaa
  • 2016年11月30日 15:14
  • 420

Vue.js实现checkbox的全选和反选

小颖之前写的代码存在一个bug,就是当你选择全选的时候去掉后面的一个选项,再点全选结果就是反的了.很感谢博客园的朋友帮我改了这个问题嘻嘻,下面一起来看看具体是怎么实现的吧. 1.html ...
  • qiupu4667
  • qiupu4667
  • 2017年04月18日 20:05
  • 809

checkbox 全选/反选功能的 jquery插件(支持多页保持选择)

XCheck为checkbox 全选/反选功能的 jquery插件,支持多页情况下保存已选项的情况。...
  • luoyeyu1989
  • luoyeyu1989
  • 2016年02月09日 17:58
  • 2438

关于购物车全选反选结算问题

这里提供一下实现购物车全选,反选的思路,效果图如下: 为了解决ListView滑动时,checkBox不会错乱,写一个集合,装载checkBox状态 public class MyAdapter ...
  • bian_xingkongjinghao
  • bian_xingkongjinghao
  • 2016年10月11日 14:30
  • 839

使用js实现checkbox的全选与反选功能

代码如下
  • Geek_ymv
  • Geek_ymv
  • 2014年10月23日 09:38
  • 2136

JQuery实现全选、全不选和反选功能

项目中需要做一个全选、全不选和反选的功能。刚接到这个需求的时候,心想很简单的一个功能,几行代码就能搞定,然而事实并非如此。下面就把我的思路说一下: 1、当点击'全选'按钮时,页面中所有的复选框都应...
  • oXinLiang12
  • oXinLiang12
  • 2016年12月12日 16:01
  • 3177

Android中单选全选反选

xml中
  • Android_JiaHuanxue
  • Android_JiaHuanxue
  • 2016年11月24日 08:25
  • 393
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:全选与ajax
举报原因:
原因补充:

(最多只允许输入30个字)