本文介绍了如何在Vue.js中使用v-model结合checkbox实现单选和多选功能。通过定义变量isAgree初始化为false来控制单选框，当点击checkbox时，isAgree变为true。对于多选框，利用数组对象hobbies与checkbox双向绑定，当选中多选框时，hobbies会存储对应的值。
1. checkbox结合v-model实现单选框，定义变量isAgree初始化为false，点击checkbox的值为true，isAgree也是true。
2.checkbox结合v-model实现多选框，定义数组对象hobbies，用于存放爱好，将hobbies与checkbox对象双向绑定，此时选中，一个多选框，就多一个true，hobbies就添加一个对象。
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="app">
checkbox可以结合v-model做单选框，也可以多选框。v
<!-- ------单选框----- -->
<br>
<label for="isagree">
<input type="checkbox" name="" id="isagree" value="" v-model="agree">同意
</label>
<h2>你的选择:{
{agree}}</h2>
<button type="button":disabled='!agree'>下一步</button><br>
<!-- -------多选框------ -->
<la
最低0.47元/天 解锁文章
463
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
