input
:checked{-webkit-appearance:none;background-color: #f4a100;}
转载于:https://www.cnblogs.com/luckyXcc/p/5886010.html
<span v-for=(one,index)><
input
type=
checkbox
:checked=index == 0 style=vertical-align: middle;><label>{{one.name}}</label></span>
//:checked=index == 0为索引为0的，即为第一个
复选框
添加属性。
拓展：
默认
被选中的
复选框
，只需要index指定即可。
以上这篇基于vue v-for 循环
复选框
-
默认
勾选第一个的实现方法就是小编分享给
使用表单验证时，
CheckBox
是不可缺少的一部分。
由于浏览器兼容性，
checkbox
会显示不同的样式，直接设置
input
的 backgroundColor 属性，不能
改变
checkbox
的
背景颜色
和样式。
下面是 Safari 浏览器 PC 端样式
下面是 Chrome 移动端样式
如果是用第三方库（例如 bootstrap），实际上是在原生的
input
上面进行
改变
，仍然不能...
大家都知道设置
CheckBox
的选中以及未选中效果可以使用selector，这种方式比较简单也比较传统这里不做讨论。我最近在做项目的时候使用的是Appcompat
checkbox
，这个控件是一个兼容控件,在support－V7包中
android.support.v7.widget.AppCompat
CheckBox
，主要是可以实现Material风格的效果，即使在Android5.0以下的系统也
需求：将数据库中一组数据显示在页面上
问题：这组数据是
复选框
，怎样
默认
让数据库中已经存在的数据显示到页面上呢？？
例如：一个学生爱好在数据库已经存储为：游泳，篮球，足球 ，那么现在如何将这游泳，篮球，足球 的
复选框
默认
勾选上呢？？
第一步：引入Jstl的函数库
第二步：调用fn：contains(arg1,arg2)函数 ，前面一个参数agr1是从数据库中取出的爱好的字符串（即原字符串）。后面一个是被包含的字符串，如果原字符串包含后面的字符串，那么这个
复选框
对应的状态就会被勾选上
<
input
type=
checkbox
name=hobby value=
使用 Vue.js 制作的简单、轻量级的开/关切换组件。 提供多个具有
默认
配置的主题。 您还可以自定义大小、颜色和边框。
npm install vue-onoff-toggle --save
或用yarn ，
yarn add vue-onoff-toggle
在 Vue.js 中导入
在您的main.js文件中：
import Vue from 'vue'
import OnoffToggle from 'vue-onoff-toggle'
Vue . use ( OnoffToggle )
在 Nuxt.js 中导入
在plugins/vue-onoff-toggle.js创建一个新插件：
import Vue from 'vue'
import OnoffToggle from 'vue-onoff-toggle'
Vue . use (
