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: 

Bài viết: Hướng dẫn tạo button tăng giảm số lượng được viết bởi admin trang Giaodien.blog

Vui lòng để lại nguồn nếu bạn chia sẻ lại bài viết này.

Để lại nguồn có nghĩa là bạn tôn trọng tác giả.

Động lực để mình chia sẻ nhiều bài viết hay.

Tags: Blog