表单复选框checkbox美化特效
133
0
checkbox美化checkbox美化代码复选框美化

这是一款表单复选框checkbox美化特效,多选框按钮美化代码。
<script>
var checkboxes = document.querySelectorAll('input');
for( var i = 0; i < checkboxes.length; i++ ) {
checkboxes[i].addEventListener("change", function() {
updateBugs(this);
});
}
function updateBugs(changedElement) {
var checkedCount = document.querySelectorAll('input:checked').length;
// No bugs, thats impossible!
if( checkedCount === 0 ) {
turnOnRandomBug(changedElement);
if( Math.random() >= 0.85 ) {
turnOnRandomBug(changedElement);
}
}
}
function turnOnRandomBug(excluding) {
turnOn = Math.floor(Math.random() * checkboxes.length);
if( checkboxes[turnOn] === excluding) {
turnOn = turnOn + 1;
if( turnOn > (checkboxes.length - 1)) {
turnOn = 0;
}
}
checkboxes[turnOn].checked = true;
}
setTimeout(function() {
turnOnRandomBug(null);
}, 400)
</script>热点素材
- 2,0371
- 2,00312
- 1,9800
- 1,8553
- 1,7861





