要绑定到一个确定和取消上
时间: 2024-02-13 21:05:21 浏览: 16
如果您想在小程序中使用button来判断用户的性别,并且需要绑定到确定和取消按钮上,您可以参考下面的代码:
```
// index.js
Page({
onGenderButtonClick: function () {
wx.showActionSheet({
itemList: ['男', '女'],
success: function (res) {
console.log(res.tapIndex) // 0表示男,1表示女
if (res.tapIndex === 0) {
// 用户选择了男性
wx.showModal({
title: '提示',
content: '您确定要选择男性吗?',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定')
// 在这里可以进行相应的逻辑处理
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
} else {
// 用户选择了女性
wx.showModal({
title: '提示',
content: '您确定要选择女性吗?',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定')
// 在这里可以进行相应的逻辑处理
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
}
},
fail: function (res) {
console.log(res.errMsg)
}
})
}
})
```
```
<!-- index.wxml -->
<view class="container">
<button bindtap="onGenderButtonClick">选择性别</button>
</view>
```
在这个示例中,我们在用户选择性别后会弹出一个确认框,让用户确认是否选择该性别。如果用户点击了“确定”按钮,则会执行相应的逻辑处理;如果用户点击了“取消”按钮,则不进行任何处理。
希望这个示例代码对您有所帮助。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)