uniapp小程序增加自定义复选框样式

最新推荐文章于 2024-06-25 17:18:05 发布

瑆箫

最新推荐文章于 2024-06-25 17:18:05 发布

阅读量692

点赞数

文章标签： servlet java 前端

本文链接：https://blog.csdn.net/mo3408/article/details/125871860

版权

web前端技术同时被 3 个专栏收录

274 篇文章 12 订阅 ¥129.90 ¥299.90

订阅专栏

超级会员免费看

后端

260 篇文章 13 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

vue

33 篇文章 0 订阅

订阅专栏

本文介绍如何在uniapp中实现自定义复选框的样式控制，包括点击选择后的效果展示和默认样式的调整，适用于前端开发。

摘要由CSDN通过智能技术生成

实现的效果：

<checkbox-group @change="checkboxChange">
	<label class="label">
	<checkbox v-for="item in ly" :value="item.id" :checked="item.checked"  :class="item.checked ==true ? 'active' : ''">{
  {item.name}}</checkbox>
	</label>
	<button class="btns" type="primary" @click="at">
	<view  class="hover">提交</view>
	</button>
</checkbox-group>

点击选择并设置样式：

checkboxChange: function(e) {	
				var items = uni.getStorageSync('ly');	
				var values = e.detail.value;
				for (var i = 0, lenI = items.length; i < lenI; &#

了解本专栏