```
/*display:none;不占位隐藏*/
input[name=ascans] {
visibility: hidden
/*将原有的样式占位隐藏，让后来设置的样式好有位置存放*/
}
/*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/
#color-input-checkbox+label {
display: block;
width: 16px;
height: 16px;
cursor: pointer;
position: absolute;
top: 11px;
right: 86px;
border: 1px solid #d2d2d2;
/* border-radius: 50%; */ /* 实现一个圆形*/
background: white;
}
/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；
该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
#color-input-checkbox:checked+label::before {
display: block;
width: 16px;
height: 16px;
content: "\2714";
text-align: center;
font-size: 16px;
color: #5FB878;
margin-top: -11px; /*原在项目中进行实现时，受其他样式影响，样式有些错位，如单独实现可不添加此样式*/
}
```
```
<li lay-id="scans" class="layui-this">扫码流水（10秒
<input id="color-input-checkbox" type="checkbox" name="ascans"
lay-filter="bid-pipeline-scan-scans" value="10秒自动刷新" title="5秒自动刷新">
<label for="color-input-checkbox"></label>自动刷新）
</li>
```
```
var ascans = $("input[name='ascans']");
var timer;
ascans.on('click', function () {
//debugger
if (ascans.is(':checked') == true) {
timer = setInterval(function () { scans.render(); }, 10000);
} else {
clearInterval(timer);
}
})
```
