uniapp 的多选框传值

今天写项目的时候忽然遇到一个多选框选择的问题，需要根据选中的值来传递参数，刚开始我也是毫不放在心上，去uview里找了一个就用了。

结果发现它只有选中效果，没有输出，我又跑回uniapp官网发现也没有，然后我就在网上各种查资料，结果发现他们的方法都太复杂了，我就抱着试一下的心态用我的方法试了一下，结果他竟然成功了。废话不多说直接上代码。

<uni-data-checkbox multiple :localdata="Pathogen" @change="checkboxChange"></uni-data-checkbox>

用的还是uinapp自带的方法，multiple是开启多选，然后用@change定义一个方法。

 checkboxChange(e) {console.log(e)
}

这是选择一个的输出结果

选择多个的输出结果

uniapp 的多选框传值相关推荐

关于uniapp cheneckbox复选框不显示对号的问题
找到文件中的main.css文件找到其中的 checkbox .uni-checkbox-input::before 注释掉找到其中的 z-index: 9 注释掉之后就可以让复选框显示对钩了
Extjs多选框传值
1.首先是列表和复选框的显示(这里的sm是复选框的关键) //弹出查看明细的WINDOW function showDetail2(jjd_id){ // 查选结果列表的数据源 var ds2 = ...
uni-app 自定义复选框/单选框
插件地址:https://ext.dcloud.net.cn/plugin?id=717 预览效果: 作者:黄河爱浪 QQ:1846492969,邮箱:helang.love@qq.com 公众号:w ...
原生js打印阅览复选框不显示问题
原生js打印阅览复选框不显示问题原生js打印预览,主要是阅览时候回出现一些问题,比如复选框传值,√不显示,那么怎么来解决这个问题呢?首先我们看一下效果图:我的页面是vue环境这是预览状态,√和元页 ...
php表单复选传值,jQuery+SpringMVC中的复选框选择与传值实例_jquery
下面我就为大家分享一篇jQuery+SpringMVC中的复选框选择与传值实例,具有很好的参考价值,希望对大家有所帮助. 一.checkbox选择在jQuery中,选中checkbox通用的两种方式 ...
多选框向后台传值，多选框的回显，对多选框的各种操作
1.多选框的回显: js:$( function(){ var checkBoxAll =$("input[name^='checkbox_']");//获取前缀为 ...
uniapp多选框组件太难用，自己手写一个它不香吗？
在分享我手写多选框之前,我们先看一下uniapp官方组件是怎么实现的. <view class="uni-list"><checkbox-group @chang ...
HTML下拉列表(select)，单选框(radio), 复选框(checkbox)如何向后端传值
前言提示:该文章记录前端往后端传值的一些细节提示:以下是本篇文章正文内容,下面案例可供参考一.form是什么? form是前端往后端传值的一个表单二.html代码如下 1,下拉列表源码 < ...
uniapp 多选框的全选功能实现
uniapp内置的checkbox其实以及checkbox-group本来挺好的,但是有两个问题: 无法依赖其事件实现全选样式固定,难以修改他们无法实现全选的原因是: 我动态修改checkbox的 ...

uniapp 的多选框传值

uniapp 的多选框传值相关推荐

最新文章

热门文章