支付宝小程序条件渲染a:if及checkbox用法

最新推荐文章于 2025-03-26 12:00:51 发布

漂移的电子

最新推荐文章于 2025-03-26 12:00:51 发布

阅读量3.6k

点赞数

分类专栏：支付宝小程序文章标签：前端

本文链接：https://blog.csdn.net/weixin_40030173/article/details/104919725

版权

支付宝小程序专栏收录该内容

5 篇文章

订阅专栏

	<view class="checkbox-text">
		<checkbox-group onChange="onChange" name="libs">
          <label class="checkbox" >
            <checkbox value="{{checkbox}}" checked="{{checked}}"/>
            <text>请输入不可打折部分</text>
          </label>
        </checkbox-group>
	</view>
 
	<view a:if="{{checked}}" >
		<input id="checkedInput" class="input" type="number" value="{{undiscountFee}}" placeholder="请输入不可打折部分金额" onInput="bindInputundisCountFee" />
	</view>

	data: {
		checked: false,
	},
	onChange(e) {
		// console.log(e);
		if (this.data.checked === true) {
			this.setData({
				checked: false
			})
		} else {
			this.setData({
				checked: true
			})
		}

	},