H5的多选框在微信小程序上不生效解决

没错，H5里的input在微信小程序里是不生效的，因为微信小程序有自己的多选或单选框标签，具体请看下面的代码。 CheckBox多项选择器 CheckBox多项选择器组件，也就是我们常说的复选框，用来进行...

没错，H5里的input在微信小程序里是不生效的，因为微信小程序有自己的多选或单选框标签，具体请看下面的代码。

看一看微信小程序的CheckBox多项选择器

checkbox-group是用来容纳多个CheckBox的容器，它有一个绑定事件bindchange，<checkbox-group/>中选中项发生改变是触发 change 事件，detail = {value:[选中的checkbox的value的数组]}

举个例子

在wxml中使用CheckBox布局

<checkbox-group bindchange="checkboxChange">
<checkbox value='football'>足球</checkbox>
<checkbox value='basketball' checked='true'>篮球</checkbox>
<checkbox value='baseball'>棒球</checkbox>
<checkbox value='pingpang' disabled>乒乓球</checkbox>
</checkbox-group>

在js里，添加checkboxChange事件函数，获取复选框的值，将其打印出来

checkboxChange:function(e){
    console.log(e.detail.value)
  }

被禁用的复选框是不能进行使用的，CheckBox-group上面绑定的bindchange事件，每次勾选时，会将所勾选的复选框值以数组的形式存在detail里

发表于 2020-07-29 13:20
阅读 ( 788 )
分类：web前端开发

H5的多选框在微信小程序上不生效解决

你可能感兴趣的文章

相关问题

0 条评论

作家榜 »