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