为什么选性别会导致兴趣都选中-vue

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";

%>

<html lang="zh-CN">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<base href="<%=basePath%>">

<title>Vue index</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<!-- Bootstrap core CSS -->

<link href="js/b/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->

<link href="css/jumbotron.css" rel="stylesheet">

<script src="js/vue.js"></script>

</head>

<body>

<div class='container' id="example">

<form>

姓名：

<input type="text" v-model="data.name" placeholder="">

<br />

性别：

<input type="radio" id="man" name="gender" value="One" v-model="data.sex">

<label for="man" >男</label>

<input type="radio" id="male" name="gender" value="Two" v-model="data.sex" >

<label for="male">女</label>

<br />

兴趣：

<input type="checkbox" id="book" value="book" v-model="data.intrerest" >

<label for="book">阅读</label>

<input type="checkbox" id="swim" value="swim" v-model="data.intrerest" >

<label for="swim">swim</label>

<input type="checkbox" id="game" value="game" v-model="data.intrerest" >

<label for="game">game</label>

<input type="checkbox" id="song" value="song" v-model="data.intrerest" >

<label for="song">song</label>

<br />

身份：

<select v-model="data.identity">

    <option value="teacher" selected>教师</option>

    <option value="doctor" >医生</option>

    <option value="lawyer" >律师</option>

</select>

</form>

</div>

<script type="text/javascript">

    new Vue({

        el:"#example",

        data:{

            data:{

                name:"",

                sex:"",

                interest:[],

                identity:""

            }

        }

    });

</script>

</body>

</html>

为什么呢？

为什么选性别会导致兴趣都选中-vue的更多相关文章

  1. jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等

    转载:https://blog.csdn.net/chenchunlin526/article/details/77448168 jQuery操作复选框checkbox技巧总结 --- 设置选中.取消 ...

  2. 为何给CheckBox设置了checked属性还是没有勾选，行内样式都显示了checked

    为何给CheckBox设置了checked属性还是没有勾选,行内样式都显示了checked 正常情况下我们设置给CheckBox一个checked属性后一般都会选中 然而我今天在做案例的时候却遇到了类 ...

  3. MySQL选错索引导致的线上慢查询事故

    前言 又和大家见面了!又两周过去了,我的云笔记里又多了几篇写了一半的文章草稿.有的是因为质量没有达到预期还准备再加点内容,有的则完全是一个灵感而已,内容完全木有.羡慕很多大佬们,一周能产出五六篇文章, ...

  4. 当IIS挂的网站出现选 图片文件, 静态文件都打不开时, 可以试试新建一个应用程序池试试看...

    当IIS挂的网站出现选 图片文件, 静态文件都打不开时, 可以试试新建一个应用程序池试试看...

  5. EasyUI tree 选中父节点子节点全部选中，选中子节点父节点不选中

    需求:EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中 效果:   /**   * 给树增加onCheck事件,首先使用cascadeCheck:false属性禁止全选,   ...

  6. （转载）jquery实现全选、反选、获得所有选中的checkbox

    举了7个不同的checkbox状态,和大家一一分享. 1.全选 $("#btn1").click(function(){ $("input[name='checkbox' ...

  7. recycleview中使用checkbox导致的重复选中问题

    参考博文:http://www.myexception.cn/mobile/1852852.html 在使用RecycleView做仿微信图片选择器,其中条目中使用了checkbox,在选中时由于ho ...

  8. Ext树控件第一次勾选父节点子节点没选中

    项目中同事提出了这样一个bug 问题: 第一次勾选父节点子节点竟然没选中,逆天了啊 初步分析: 可能是之前代码的逻辑错误造成的,随进入调试阶段... 调试中发现该参数为空(原来写代码的也太没素质了), ...

  9. jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox

    1.全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked ...

随机推荐

  1. 重定向标准输出到socket的方法

  2. android 分享到QQ空间的全部操作

    http://wiki.open.qq.com/wiki/mobile/SDK下载   <!-- QZone分享必须加上以下两个activity -->                &l ...

  3. gwt学习资料

    学习资料: 2 3

  4. kaggle 中使用ipython

    # pandas import pandas as pd from pandas import Series,DataFrame # numpy, matplotlib, seaborn import ...

  5. poj--1383--Labyrinth(树的直径)

    Labyrinth Time Limit: 2000MS   Memory Limit: 32768K Total Submissions: 4062   Accepted: 1529 Descrip ...

  6. 利用flashback transaction query新特性进行事务撤销

    具备了flashback version query查询的基础,我们就可以进行基于flashback version query的恢复.这就是flashback transaction query.f ...

  7. 信息安全-加密：MD5

    ylbtech-信息安全-加密:MD5 MD5消息摘要算法(英语:MD5 Message-Digest Algorithm),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值( ...

  8. C# First and FirstOrDefault 方法详解

    在工作中我们经常会遇到有关LINQ 的一些问题.这时我们就用到lambda 表达式. 下面是我在工作遇到的. First  and FirstOrDefault  这两方法.我今天把它记录一下. 需要 ...

  9. 1.matlab基础准备及入门

    1.1 Command Window(命令行窗口)运用入门 1 计算器的用法 2 数值变量与表达式 3. 计算结果的图形表示 代码及注释 function [ output_args ] = Unti ...

  10. Spark RDD概念学习系列之典型RDD的特征

    不多说,直接上干货!