vue.js中使用radio和checkbox
2017-10-13 17:05
369 查看
原理
在checkbox中,当value值在v2数组中能查询到,改checkbox就是选中状态,当对checkbox进行操作时,v2数组也同样变化
在radio中,由于只能有一项选中,所以v3是一个字符串,value值和其相等的就会被选中
<template> <div id="app"> <input type="checkbox" v-model="v2" value="a"> <input type="checkbox" v-model="v2" value="b"> <input type="checkbox" v-model="v2" value="c"> {{v2}} <input type="radio" name="love" v-model="v3" value="aa"> <input type="radio" name="love" v-model="v3" value="bb"> {{v3}} </div> </template> <script> export default { data () { return { v2: ['a', 'b'], v3: 'aa' } } } </script>
在checkbox中,当value值在v2数组中能查询到,改checkbox就是选中状态,当对checkbox进行操作时,v2数组也同样变化
在radio中,由于只能有一项选中,所以v3是一个字符串,value值和其相等的就会被选中
相关文章推荐
- 使用vue.js实现checkbox的全选和多个的删除功能
- 使用vue.js实现checkbox的全选和多个的删除功能
- 使用vue.js实现checkbox的全选,和部分删除,部分提交
- 使用vue.js实现checkbox的全选,和多个的删除
- 使用prototype.js选择选中radio与checkbox
- 各浏览器中使用getAttribute获取checkbox/radio的checked值不同
- 使用masterpage的情况下如何使用js实现repeater控件里的checkbox全选
- js checkbox(复选框) 使用集锦
- js checkbox(复选框) 使用集锦
- js checkbox(复选框) 使用集锦
- 关于checkbox跟radio的js函数
- EditText/RadioButton/CheckBox使用
- 使用JS控制treeview上面checkbox的选择
- 使用jquery 美化 checkbox 和 radio 控件
- js 操作select checkbox 及radio
- 使用jquery获取checkbox组和radio组的值
- 关于RADIO与CHECKBOX的JS的代码
- Checkbox与RadioGroup的使用方法
- Checkbox与RadioGroup的使用方法
- 使用JQuery封装的Select&Checkbox&Radio脚本