微信小程序开发之——调查问卷-表单数据绑定(2

• 针对上述需求，可以通过表单数据绑定来实现。

• 首先在pages/index/index.js文件的data数据中保存表单的默认数据

3.2 index.js中data数据

1

2

3

4

5

6

7

8

9

10

11

12

13

14

data: {
 

name:‘张三’,

gender:[

{name:‘男’,value:‘0’,checked:true},

{name:‘女’,value:‘1’,checked:false}

],

skills:[

{name:‘HTML’,value:‘html’,checked:true},

{name:‘CSS’,value:‘css’,checked:false},

{name:‘JavaScript’,value:‘js’,checked:false},

{name:‘Photoshop’,value:‘ps’,checked:false}

],

opinion:‘测试’

},

3.3 index.wxml中代码(预览画面已有数值)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

<view class=“container”>

<form bindsubmit=“subm