jquery实现单选与多选

前言

相信做前端的小伙伴们，多多少少都会遇到关于单选或者多选的问题，选择框大家也都不会陌生，无非就是radio和chechkbox，

但是input的这两个属性都无法更改默认样式，有时候无法满足Ui设计出的高大上，真逼格的选择框样式，这时候就需要label标签来帮忙了。将label与input绑定一起来实现各种各样的优美选择框。将样式图片设置为label标签的背景即可，点击当前的input，更改与之绑定的label的样式。上代码

单选

	
		
		
		
	
	
	
		
		

			
单选:

			
				
			
			
选项1
			
				
			
			
选项2
			
				
			
			
选项3
		
	
	

效果图：

多选

	
		
		
		
	
	
	
		
		

			
多选:
			
			
				
			
			
全选

			
				
			
			
选项1
			
				
			
			
选项2
			
				
			
			
选项3
		
	
	

效果图：

需要注意的是点击事件需要绑定在input上面，切记不可绑定在label上。样式中的图片记得更换哦！