微信小程序如何获取checkbox单个复选框值

wxml代码：

<checkbox-group bindchange="cbChange">
        <checkbox value="1" checked="{{shared}}">是否同步发送到广场</checkbox>
</checkbox-group>

js代码：

cbChange: function (e) {
    e.detail.value[0] ? this.setData({
      is_shared: 1,
      shared: true,
    }) : this.setData({
      is_shared: 0,
      shared: false,
    })
  },

方法二

// JS
Page({
  data: { isSingleChecked: false },
  cbChange(e) {
    // detail.value 为数组：选中时 ["1"]，未选中时 []
    const selected = e.detail.value.includes('1'); 
    console.log('当前是否选中:', selected);
  }
})

复选框checkbox独立点击法

wxml

<!-- WXML -->
<checkbox 
  value="singleItem" 
  checked="{{item.checked}}" 
  bindtap="onSingleTap" 
  data-val="singleItem"
/>

js

// JS
Page({
  data: { item: { checked: false, val: 'singleItem' } },
  onSingleTap(e) {
    // 手动切换状态并获取值
    const newVal = !this.data.item.checked;
    const val = e.currentTarget.dataset.val;
    
    this.setData({ 'item.checked': newVal });
    console.log('复选框值:', newVal ? val : null, '状态:', newVal);
  }
})

标签：程序小程序js