微信小程序 checkbox 怎么判断是不是选中

Posted 2023-03-19

checkbox写在checkgroup里面，checkkgroup一个bindchange事件，选中未被选中都会触发，然后js是在函数里，参数是e，e.detail.value是一个数组，有几个checkbox选中数组就有几个元素，数组元素的值是checkbox的value值可以实时监听。然后看看就知道了 参考技术A

铺垫:

初始赋值(setData) isChecked默认为false.

wxml:

<checkbox bindtap="checkboxChange" data-checked="isChecked">选中</checkbox>

js:

checkboxChange:function(e)
let isChecked=e.currentTarget.dataset.checked;
if (isChecked == "false" || isChecked==false)     //即将选中   将其值设为true
isChecked=true;
else
isChecked=false;

this.setData(
isChecked: isChecked
);

使用:

let isChecked = thi.data.isChecked;  //true 为已选用,false为选中

checkgroup会比较好，但上述的更适用于将checkBox改造成Radio

微信小程序 - 更改radio和checkbox选中样式

 

 

 

 

 

点击下载源码：示例-更改radio或checkbox选中样式