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: 

Hướng dẫn tạo button tăng giảm số lượng được thiết kế đẹp hiện đại chuyên nghiệp chuẩn seo, tối ưu code giúp trang blogspot load nhanh

Chi tiết liên hệ ĐT / Zalo: 097 1539 681

Khi mua template các bạn được hỗ trợ cài đặt hoàn chỉnh, hỗ trợ qua Teamviewer, Ultraviewer

Tags: Blog