作者：乔山办公网日期：
返回目录：excel表格制作
第一步，打开HBuilder软件zd工具，新建静态页面check.html，并引入AngularJS核心js和Bootstrap css文件
第二步，在<body></body>插入div和h1元素，设置它们的样式
第三步，内再次插入div和input复选框，复选框绑定ng-model
第四步，编写模型和控容制器关键代码，绑定数据源
第五步，插入ng-include指令，并设置其src和onload事件
第六步，编写完毕后，在浏览器中预览该静态页面
在表格初始化时，设百置selectable属性，回掉参度数为（row，index）row为本条记知录内容，index为第几条记录 该方法道只在复选框内一项生效。
<el-table ref="multipleTable" :data="perform" :border="true" v-loading="loading" max-height="400"style="width:100%;">
容 <el-table-column align="center" :selectable='checkboxT' type="selection" width="50" disabled='true'></el-table-column>
//复选框
checkboxT(row,index){
if(row.status==0){
return 1;
}else{
return 0;
}
},
1、定抄义一个checkbox节点袭
1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过百度getElementById获取节点
3、通过checked设置为true，变checkbox为选中问状态答
1
chk.checked = true;//设置checked为选中状态
打开excel表格，可以看到，百表格中制作了三个复选框，点击方框可以作出打钩的选择。下面就来说怎么生成复选框。在工具栏里想选择【插入度】，在插入的选项中，有一个复选框的小按钮，点击它。其他版本的excel这个选项也可能会出现在【开发工具】里。点击复选框按钮后，鼠标会变成十字标，拖动到想设置的位问置中，默认名字则是【复选框】，可以对它进行修改，这里改为【初级】。如图所答示，一个完整的复选框就设置完成了，设置多个复选框，可进行复制，然后把选中复选框，右键对文本内进行编辑，修改名字就可以了。如果想对复选框进行格式设置，可选中复选框，右击鼠标选择【设置对象格式】。在设置对象格式中，可以对复选框的颜色、线容条、大小、属性等进行编辑。