```
/*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);
}
})
```