為什麽選性別會導致興趣都選中-vue
阿新 • • 發佈：2017-05-21
string selected 選中 rip port gen span cor odin
為什麽選性別會導致興趣都選中-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