小程序
小游戏
企业微信
微信支付
扫描小程序码分享
这是wxml代码:
这是视图:
当我点击提交按钮的时候我怎么判断选中的选项和是否有题目没有选择? 求大佬解答。谢谢!
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
怎么做出来能用手机直接答题的小程序啊?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
这个要在数据源做判断,假如数据源为对象数组,对象中设置一个选中状态属性,提交时遍历数组中的item对象的状态属性。状态属性可以是接口源维护,也可以是小程序端维护。
如:
假如接口返回数据并没有状态属性,获取到接口返回数据之后,追加item的状态属性
//为List的Item追加选中状态属性(默认false)
function setFormatList(list) {
return list.map((item) => {
Object.assign(item, {
isSelected: false
})
return list
}
提交按钮时,遍历list,获取已选中的item
//获取已选中的Item
function getSelectedItems(list) {
return list.filter(item => {
return item.isSelected
通过filter获取到的是一个新的数组,通过判断这个新数组的lingth来确定是否全部选中或者已经选中了哪些
如果接口返回数据已经有默认的选中状态属性,那就可以省掉第一步,直接在提交时遍历已选中项即可
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
怎么做出来能用手机直接答题的小程序啊?
这个要在数据源做判断,假如数据源为对象数组,对象中设置一个选中状态属性,提交时遍历数组中的item对象的状态属性。状态属性可以是接口源维护,也可以是小程序端维护。
如:
假如接口返回数据并没有状态属性,获取到接口返回数据之后,追加item的状态属性
//为List的Item追加选中状态属性(默认false)
function setFormatList(list) {
return list.map((item) => {
Object.assign(item, {
isSelected: false
})
return list
})
}
提交按钮时,遍历list,获取已选中的item
//获取已选中的Item
function getSelectedItems(list) {
return list.filter(item => {
return item.isSelected
})
}
通过filter获取到的是一个新的数组,通过判断这个新数组的lingth来确定是否全部选中或者已经选中了哪些
如果接口返回数据已经有默认的选中状态属性,那就可以省掉第一步,直接在提交时遍历已选中项即可