checkbox 的选中问题

最新推荐文章于 2024-08-15 11:10:34 发布

原创最新推荐文章于 2024-08-15 11:10:34 发布 · 526 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序checkbox

小程序专栏收录该内容

55 篇文章

订阅专栏

本文介绍如何利用 checkbox 的 checked 属性实现选中状态的控制，并通过 wx:for 实现循环显示多个 checkbox 项。文章还展示了如何绑定 checkbox 的值及默认选中状态，并通过 bindchange 监听 checkbox 组的选中变化。

通过 checkbox 里面的checked属性来控制checkbox的选中与否

<!--checkbox-group就是一个checkbox组 有个监听事件bindchange，监听数据选中和取消-->

<checkbox-group bindchange="listenCheckboxChange">

<!--这里用label显示内容，for循环写法 wx:for-items 默认item为每一项-->

  <label style="display: flex;" wx:for-items="{{items}}">

  <!--value值和默认选中状态都是通过数据绑定在js中的-->

    <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}

  </label>

</checkbox-group>