|  |  | 
 |  |  |     </div> | 
 |  |  |     <div class="form-item"> | 
 |  |  |         <span>物料名称</span> | 
 |  |  |         <input type="text" disabled="disabled" value="111111111111111111111111111111111111111111"> | 
 |  |  |         <input type="text" disabled="disabled"> | 
 |  |  |     </div> | 
 |  |  |     <div class="form-item"> | 
 |  |  |         <span>物料描述</span> | 
 |  |  | 
 |  |  |     <div class="form-item"> | 
 |  |  |         <span style="vertical-align: middle">数量</span> | 
 |  |  |         <div class="number-tool" style="vertical-align: middle"> | 
 |  |  |             <button>+</button><input type="number" value="1"><button>-</button> | 
 |  |  |             <button onclick="add()">+</button><input id="count" type="number" value="1"><button onclick="reduce()">-</button> | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |     </div> | 
 |  |  | 
 |  |  |  | 
 |  |  | </body> | 
 |  |  | <script> | 
 |  |  |     var countDom = $('#count'); | 
 |  |  |     var pageCurr; | 
 |  |  |     layui.use(['table','laydate', 'form'], function() { | 
 |  |  |         var table = layui.table; | 
 |  |  | 
 |  |  |         } | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     function add() { | 
 |  |  |         countDom.val(Number(countDom.val()) + 1); | 
 |  |  |     } | 
 |  |  |     function reduce() { | 
 |  |  |         if (countDom.val() <= 0) { | 
 |  |  |             return; | 
 |  |  |         } | 
 |  |  |         countDom.val(countDom.val() - 1); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  | </script> | 
 |  |  | </html> |