Jquery与JS分别实现checkbox全选、全不选、反选

在ionic开发中遇到不少的坑，绝大部分解决了但是在我们的app中如果跳转到第三方网站上时jquery反选checkbox，那么问题来了．此时我们的app是不能到你在其它网站上的事件的jquery反选checkbox，所以当你想要回退到我们自己app上时,请紧握你的蛋,小编在开发这个模块时就遇到了很大的麻烦想尽各种办法还是不能解决,下面我就跟大家讨论下我在ionic中遇到的问题:。国内利用wavecom模块开发案例：北京经纬星航根据wavecom的模块成功开发了一系列的终端modem 如：经纬星航jwod2。普通的网站为了解决可移植，可维护，可扩展等问题，会把网站设计成三个独立的模块，model负责部分，view负责网页的界面，而controller负责界面与数据的交互及业务逻辑，这样设计的网站如果想设计或者重新开发某一个模块对其他的模块是没有影响的。

//实现方式一
 $(function () {
 
            //全不选
            $("#AllNotChk").click(function () {
                $("[name=chkbox_id]").removeAttr("checked");
            });
            //ȫѡ
            $("#AllChk").click(function () {
                $("[name=chkbox_id]").attr("checked", "checked");
            });
            //反选
            $("#FaiChk").click(function () {
                $("[name=chkbox_id]").each(function () {
                    this.checked = !this.checked;
                })
            });
 
        })
//实现方式二
  $(document).ready(function(){  
          
          $("#ckbAll").click(function(){  
                 $("input[name='fav']").attr("checked",true);  
          });  
             
          $("#ckbno").click(function(){  
              $("input[name='fav']").attr("checked",false);  
          });  
             
          $("#ckbrec").click(function(){  
             
              $("input[name='fav']").each(function(){  
                  // $(this).attr("checked",!$(this).attr("checked"));  
                this.checked=!this.checked;//用的是Dom的属性  
              });  
                 
          });  
       });

// 全部选中
    function QuanXuan_Click() {
        var check = document.getElementsByTagName("input");
        for (var i = 0; i < check.length; i++) {
            if (check[i].type == "checkbox") {
                check[i].checked = true;
            }
        }
 
    }
 
    // 取消选中
    function QuXiao_Click() {
        var check = document.getElementsByTagName("input");
        for (var i = 0; i < check.length; i++) {
            if (check[i].type == "checkbox") {
                check[i].checked = false;
            }
        }
 
    }
 
    // 反选
    function slcNo_click() {
        var check = document.getElementsByTagName("input");
        for (var i = 0; i < check.length; i++) {
            if (check[i].type == "checkbox") {
                if (check[i].checked == false) {
                    check[i].checked = true;
                }
                else {
                    check[i].checked = false;
                }
 
            }
 
        }
    }

Tags：Jquery checkbox

没有了

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-105052-1.html