微信小程序 单选框选中之后为啥取消不了

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序 单选框选中之后为啥取消不了相关的知识,希望对你有一定的参考价值。

参考技术A 程序有时候会出错,你可以重启下手机试试。 参考技术B function setSelectUserNo(radioObj)

var radioCheck= $(radioObj).val();
if("1"==radioCheck)
$(radioObj).attr("checked",false);
$(radioObj).val("0");

else
$(radioObj).val("1");




<input type="radio" name="#var.check" value='0' onclick="setSelectUserNo(this);" />

这个方法是利用value的值进行判断处理,当value==1的时候代表已经选中,当value==0的时候代表未选中,并且一定要先判断在处理, 改变的的时候重置一下值本回答被提问者采纳

微信小程序 全选和取消全选

 

想要实现的效果:点击全选时,所有商品全部选中,图标为黑色选中状态,点击其中一个取消选中状态,全选按钮也随之为取消选中状态,当再次点击全选时,所有商品全部取消选中,如果分别把所有商品一个个选中,全选按钮会再次变为选中状态

js:

data: {
    define:true,
    total_num:"0",
    sc_object:[
      {
        sc_title:"嘻哈帮街舞",
        sc_imgsrc:"../../images/growup_img.png",
        sc_name:"嘻哈帮定制周年庆短袖",
        sc_detail:"红色-M号",
        sc_price:"188",
        sc_num:"1",
        sc_total:"188",
        state:0,
        editor_url:"../order_editor/order_editor"
       
      },
      {
        sc_title: "嘻哈帮街舞",
        sc_imgsrc: "../../images/growup_img.png",
        sc_name: "嘻哈帮定制周年庆短袖",
        sc_detail: "红色-M号",
        sc_price: "188",
        sc_num: "1",
        sc_total: "188",
        state: 0,
        editor_url: "../order_editor/order_editor"
      },
      {
        sc_title: "嘻哈帮街舞",
        sc_imgsrc: "../../images/growup_img.png",
        sc_name: "嘻哈帮定制周年庆短袖",
        sc_detail: "红色-M号",
        sc_price: "188",
        sc_num: "1",
        sc_total: "188",
        state: 0,
        editor_url: "../order_editor/order_editor"
      }
    ]
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },
  select_add: function (e) {
    var index = e.currentTarget.dataset.index;
    var array = this.data.sc_object;
    if (array[index].state == 1) {
      array[index].state = 0;
    } else if (array[index].state == 0) {
      array[index].state = 1;
    }
    var num=0;
    var aa=0;
    for(var i=0;i<array.length;i++){
      var single_num = parseInt(array[i].sc_total);
      if(array[i].state==1){
        num=num+1;
        aa=aa+single_num
      }
      if (num ==array.length){
        this.setData({
          define:false
        })
      }else{
        this.setData({
          define:true
        })
      }
    }
    this.setData({
      sc_object: this.data.sc_object,
      total_num:aa
    });
  },
  switchTab1: function (e) {
    var that = this;
    let define = that.data.define;
    var num1=that.data.num1;
    define = !define;
    var array = that.data.sc_object;
    var aa=0;
    for(var i=0;i<array.length;i++){
      var nn = array[i].state;
      var single_num = parseInt(array[i].sc_total);
      if(define==true){
        array[i].state=0
      }else{
        array[i].state = 1
        aa = aa + single_num;
      } 
    }
    that.setData({
      define: define,
      sc_object: this.data.sc_object,
      total_num:aa
    })
  },

 

以上是关于微信小程序 单选框选中之后为啥取消不了的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 单选框实现

微信小程序单选框radio使用实例

百度小程序radio选中状态的颜色怎么改

微信小程序-修改单选框和复选框大小的方法

为啥微信小程序进入不了第二次

为啥微信小程序左上角会有一个按钮