微信小程序单选框怎么取消选中

您可以通过将单选框的value属性设置为null来取消选中，示例代码如下：

<radio-group>
<label class="radio">
<radio value="选项1"></radio>
选项1
</label>
<label class="radio">
<radio value="选项2"></radio>
选项2
</label>
<label class="radio">
<radio value="选项3"></radio>
选项3
</label>
</radio-group>

// 取消选中
this.setData({
'radioValue': null
});

相关问题

微信小程序保存单选框选中的值

要保存微信小程序中单选框选中的值，可以使用小程序提供的setData()方法来实现。

首先，在wxml文件中，给每个单选框添加一个value属性，用于标识该单选框的值：

<radio-group bindchange="radioChange">
  <label>
    <radio value="1" checked="{{radioChecked == '1'}}" />选项1
  </label>
  <label>
    <radio value="2" checked="{{radioChecked == '2'}}" />选项2
  </label>
  <label>
    <radio value="3" checked="{{radioChecked == '3'}}" />选项3
  </label>
</radio-group>

其中，`radioChecked`是一个变量，用于保存当前选中的单选框的值。在这里，我们使用了双花括号语法来绑定属性值，使得选中的单选框被高亮显示。

然后，在js文件中，定义一个`radioChange`函数，用于在选中单选框时更新`radioChecked`的值，并将其保存在小程序的数据中：

Page({
  data: {
    radioChecked: '1'
  },
  radioChange: function(e) {
    this.setData({
      radioChecked: e.detail.value
    })
  }
})

在这里，我们使用了setData()方法来更新小程序的数据，将选中的单选框的值保存在`radioChecked`变量中。

这样，当用户选择不同的单选框时，`radioChecked`的值就会被更新，从而保存了用户的选择。

微信小程序 单选框 打勾 代码

以下是一个简单的微信小程序单选框示例，当用户勾选选项时，会在控制台输出对应的值：

<view class="radio-group">
  <label class="radio" bindtap="radioChange" data-value="option1">
    <view class="radio__icon"></view>
    <view class="radio__label">选项1</view>
  </label>
  <label class="radio" bindtap="radioChange" data-value="option2">
    <view class="radio__icon"></view>
    <view class="radio__label">选项2</view>
  </label>
  <label class="radio" bindtap="radioChange" data-value="option3">
    <view class="radio__icon"></view>
    <view class="radio__label">选项3</view>
  </label>
</view>

.radio-group {
  display: flex;
  flex-direction: column;
}

.radio {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.radio__icon {
  width: 18px;
  height: 18px;
  border: 1px solid #999;
  border-radius: 50%;
  margin-right: 8px;
}

.radio__label {
  font-size: 16px;
}

.radio__icon.checked {
  background-color: #007aff;
  border-color: #007aff;
}

Page({
  data: {
    selectedValue: ''
  },

  radioChange: function(event) {
    const value = event.currentTarget.dataset.value;
    console.log('选中的值为：', value);
    this.setData({
      selectedValue: value
    });
  }
});

在上面的示例中，我们首先创建了一个包含三个选项的单选框组，每个选项都是一个 `label`，并绑定了 `bindtap` 事件。当用户点击某个选项时，会触发 `radioChange` 函数，该函数会获取选项的值，并将其打印到控制台。我们还定义了一个 `selectedValue` 变量来保存用户选择的值。选项的样式可以根据自己的需求进行修改。