如何确定多个单项选择题已经被选择或是有部分选择题没被选中?
发布于 5 年前 作者 guping 13668 次浏览 来自 问答

这是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来确定是否全部选中或者已经选中了哪些

如果接口返回数据已经有默认的选中状态属性,那就可以省掉第一步,直接在提交时遍历已选中项即可

回到顶部