html自定义复选框

自定义复选框的素材：

icon-check-circle.png

icon-checked.png

checkbox.html（为了方便起见，这里使用到了jQuery）

	
	
	


	

		Remember me
	
	
	

效果图如下：

未选中状态

选中状态

为提交表单时，考虑将复选框的内容进行提交，对上述的自定义复选框进行了如下改进：

	
	
	


	

		
		Remember me
	
	
	

运行效果与之前的一致，不同的是加入的隐藏input，用于表单提交时提交数据，当提交的value为1时，表示复选框已被选中；当提交的value为0时，表示复选框未被选中。