单选框/复选框表示boolean 后台使用boolean接收

本文介绍了在前端使用单选框和复选框处理布尔值(boolean)时,如何设置value值以确保后台能够正确接收并转换。通过设置value为'on'或'off','1'或'0',可以确保与后端Java系统的boolean字段无缝对接。当value设置为其他值时,可能会导致Spring框架的类型转换错误。
摘要由CSDN通过智能技术生成
是否两个选项的单选框,后台使用boolean接收,value值使用 on/off或 1/0都可以转成boolean
<td>是否需要用户所在地信息</td>
			<td><input type="radio" name="needUserLocation" value="on" 
			<#if sysInfoCFG.needUserLocation> checked</#if> 
			> 是
			<input type="radio" name="needUserLocation" value="off" 
			<#if !sysInfoCFG.needUserLocation> checked</#if> 
			> 否
			</td>
将value改成其它值后台会转换报错
value="on2"
org.springframework.validation.BeanPropertyBindingResult: 1 errors
Field error in object 'systemInfoCFG' on field 'needUserLocation': rejected value [on2]; 
codes [typeMismatch.systemInfoCFG.needUserLocation,typeMismatch.needUserLocation,typeMismatch.boolean,typeMismatch]; 
arguments [org.springframework.context.support.DefaultMessageSourceResolvable: codes [systemInfoCFG.needUserLocation,n
在uni-app中,单选框复选框可以使用checkbox组件来实现。在基础用法下,uni-app会使用内置的默认参数来显示checkbox的样式和状态。然而,这种用法不能满足实际业务场景的需求,因为复选框通常以组的形式出现,即使组中只有一个选项。为了引入组的概念,uni-app还提供了一个checkbox-group组件来使用。基本用法是将checkbox组件放置在checkbox-group组件内,如下所示: <checkbox-group> <checkbox /> 篮球 <checkbox /> 足球 <checkbox /> 网球 </checkbox-group> 可以通过checkbox组件的disabled属性来控制复选框是否可选中或取消选中。当复选框处于disabled状态时,复选框的样式将变灰,用户无法进行选中或取消选中操作。disabled属性的类型Boolean,默认为false。 为了修改checkbox的样式,可以通过设置相应的CSS样式来实现。比如,可以使用uni-checkbox类来修改复选框的外观。uni-checkbox-input类可以用来设置复选框选中状态的样式。在样式中,可以设置border-radius属性来改变复选框的圆角,color属性来改变复选框的颜色,border属性来设置选中状态的边框,background属性来设置选中状态的背景色,以及其他一些样式属性来调整复选框的大小和位置。 综上所述,uni-app提供了方便的单选框复选框组件,可以通过设置属性和样式来满足不同的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值