18910140161

触发变更事件的复选框——微信小程序开发技术要点总结(二)

顺晟科技

2022-10-24 09:20:07

66

大家好,我是岚尹~一名热爱技术的项目经理。不定期更新项目管理、前端、运维的经验分享~如果对我的文章感兴趣,请用小手点个赞。

欢迎长期交流~

I .场景在待办小程序中,我们使用点选复选框来表示该事项已经完成。

也就是说,当我们点选复选框时,需要绑定一个触发函数,通过点选事件触发后续动作,并存储值,这样当我们重新进入小程序时,待办事项的完成情况仍然和上次更新时一样。

二。代码实现根据微信官方文档描述,在小程序中选择单个复选框,会触发checkbox-group的变更事件。因此,我们需要在checkbox标签之外添加一个check-group标签,并通过bindchange绑定在事件发生后触发处理函数。

H5电码:

Checkbox-group class=' checkcl ' bind change=' check handler ' wx : key=' tid ' wx : for=' { { todoList } } ' wx : for-item=' today time } } ' class=' checki ' bind tap=' CK index ' checked=' { { todo . tcheck } } ' data-index=' { { index } } '/Checkbox text class=' checki ' data-time=' { { toda

通过e.detail.value.length获取复选框的值,如果选中复选框,则值为1;如果未选中该复选框,则值为0。

CheckHandler(e){ //设置当前复选框的值let checked=e . detail . value . length;console.log(已选中);if(checked==1){ this . setdata({ checked : true });} else { this . setdata({ checked : false });}},

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航