html中勾选框实现,JS实现表单中checkbox对勾选中增加边框显示效果

本文实例讲述了JS实现表单中checkbox对勾选中增加边框显示效果。分享给大家供大家参考。具体如下：

这里用JavaScript实现checkbox复选框选中效果，表单中的复选框效果，打对勾选中效果模拟，JS与HTML5相结合实现的美化效果。貌似目前比较流行的效果啦！

运行效果截图如下：

在线演示地址如下：

具体代码如下：

JS实现单个图片选中美化框

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset,

legend, input, button, textarea, blockquote, th, td, p { margin:0; padding:0 }

input, button, select, textarea { outline:none }

li { list-style:none }

img { vertical-align:top; border:none }

textarea { resize:none }

body { width:auto; height:auto; padding:0; margin:0; color: #666; background: #FFF; }

body, input, textarea { font-size:12px; font-family:Arial, Verdana, "Micro