Hướng dẫn tạo button tăng giảm số lượng

Hướng dẫn tạo button tăng giảm số lượng phù hợp trong quá trình thiết kế giao diện blogger bán hàng

Mặc định thẻ input type number thì có sẵn chức năng tăng giảm số lượng các bạn có thể dùng như sau

<input type="number" id="quantity" name="quantity"/>

Và chúng ta có thể tùy biến HTML để có 2 button tăng giảm được viết:

<input onclick="var result = document.getElementById('quantity'); var qty = result.value; if( !isNaN(qty) &amp; qty > 1 ) result.value--;return false;" type='button' value='-' />

<input id='quantity' min='1' name='quantity' type='text' value='1' />

<input onclick="var result = document.getElementById('quantity'); var qty = result.value; if( !isNaN(qty)) result.value++;return false;" type='button' value='+' />

Demo: 

Trước tiên mình xin cảm ơn tất cả khách hàng đã luôn tin tưởng và ủng hộ mình trong suốt thời gian qua (2016 tới hiện tại).

Nhằm nâng cao chất lượng phục vụ Quý khách hàng và hoàn thiện chất lượng như hỗ trợ, template. Hôm nay ngày 04/2/2021 mình là Hòa Trần admin trang Giaodien.blog sẽ tiến hành mở một trang Feedback để khách hàng đã mua, sử dụng dịch vụ bên mình toàn quyền nhận xét đánh giá công khai ở trang này.

Từ những Feedback này những gì mình làm được và chưa làm được, từ đó mình sẽ rút ra được những kinh nghiệm, và hoàn thiện tốt dịch vụ bên mình.

Quý khách hàng có thể để lại nhận xét reviews tại trang Feedback

Tags: Blog