js数量加减效果

之前做***航空项目时，在酒店预订功能中用到了预订房间的增加、删除，今天见有人在小程序群里问到这个问题，所以简单整理了个demo，供大家参考。

.room-number{
				margin-bottom: 30px;
			}
			.desc,.bd-box{
				float: left;
			}
			.desc{
			    width: 80px;
				height: 36px;
				font-size: 16px;
			    line-height: 36px;
			    margin-right: 10px;
			        
			}
			.bd-box{
			    height: 35px;
			    line-height: 35px;
			    text-align: center;
			    vertical-align: middle;
			    background: #fff;
			}
			.addition,.subtraction{
			    width: 17px;
			    padding: 0 6px;
			    color: #727171;
			    font-size: 18px;
			    cursor: pointer;
			    border: 1px solid #d3d3d3;
			}
			.addition{
				border-left: 0px;
			}
			.subtraction{
				border-right: 0px;
			}
			.number-box{
				width: 122px;
			    border: 1px solid #d3d3d3;
			}
			.room-name{
			    width: 80px;
		        height: 30px;
    			line-height: 30px;	
    			float: left;
			    font-size: 16px;
				text-align: right;
				margin-right: 8px;
			}
			.required{
				color: red;
    			margin-right: 4px;
			}
			.customer{
				padding: 6px 8px;
				border: 1px solid #d3d3d3;
			}

		

			

				

					房间数量：
					-
					
					+
				
			
			

				

					*房间1：
					
				
			
		
	

记得先加载jquery文件，若有更好的实现方案欢迎讨论。