微信小程序如何去掉checkbox前面的方框

在微信小程序里面，有时候为了配合整个项目的风格，checkbox的样式会有些不同。

如何修改：

1 修改checkbox样式

wxml

<checkbox-group class='pull-left' bindchange="checkboxChange">

<label class="checkbox flex flex-vc ">

<checkbox bindchange='checkboxChange' value="" checked="{{checkboxStatus}}" color='#fff'/>

<view>可用2000个积分币抵扣</view>

</label>

</checkbox-group>

wxss

/ checkbox未选中时样式 /

checkbox wx-checkbox-input{

border-radius: 3rpx;

height: 26rpx;

width: 26rpx;

margin-top: -4rpx;

/ 自定义样式 /

}

/ checkbox选中时样式 /

checkbox wx-checkbox-inputwx-checkbox-input-checked::before{

background-color: #e02e24;

border: 1rpx solid #e02e24;

/ 自定义样式 /

}

简称checkbox。

如果是单个数组绑定使用布尔值为checked的值，需要在data里预先定义str，如果是多个数组绑定使用数组数组内容为value值。

如果你看书上或者网上的例子，要注意很多例子还是用aspnet11的程序来充作aspnet20的例子使用。自己写一些利用各种控件的小程序体会一下这种post值的时机的差别，要把这个看清楚，不然你在读例子代码的时候还会抄到aspnet11代码而不知。

方法/步骤

打开微信小程序开发工具，打开已新建的或新建一个项目

新建一个页面文件wxml，插入一个radio-group，然后内嵌四个radio

保存代码并查看左侧模拟器，可以查看到一组单选按钮

在对应页面的JS文件中，定义单选按钮组change事件changeJa

保存代码并打开内置浏览器控制台，点击单选按钮，查看打印结果

下载WeUI文件，然后将相关的样式文件拷贝进去，然后修改界面并调用样式类

再次保存代码并查看左侧模拟器，可以看到单选按钮样式变成了按钮的样式

以上就是关于微信小程序如何去掉checkbox前面的方框全部的内容，包括:微信小程序如何去掉checkbox前面的方框、微信小程序将用户在文本框中输入的值,绑定到页面逻辑中的X_1数据对象,怎样、请问为什么选中了datalist 中checkbox的值还是false ASP.NET等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！