jQuery를 사용하여 입력 값을 늘리거나 줄이는 방법_jquery

이 문서의 예에서는 jQuery를 사용하여 입력 값의 증가 및 감소를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

많은 전자상거래 사이트에서는 장바구니가 위치한 페이지의 상품수량에 대해 1씩 증가, 감소할 수 있는 버튼과 -버튼을 제공하고, 숫자값만 허용하고 있습니다. 입력란에 입력됩니다. Bootstrap TouchSpin 플러그인은 이러한 요구를 충족하기 위해 작성되었습니다. (이 사이트에서 Bootstrap TouchSpin 플러그인 을 다운로드하려면 여기를 클릭하십시오.)

먼저 필요한 CSS와 js 파일을 소개합니다.

코드 복사 코드는 다음과 같습니다.

1. 수치의 정확도와 자동 증감 조절 ​​

코드 복사 코드는 다음과 같습니다.

         

                                

~                                                                   
> ~                         

● 숫자 버튼을 클릭하면 0.1씩 증가합니다 ● - 버튼을 클릭하면 값이 0.1씩 감소합니다

● 소수점 2자리 유지

● 최소 허용값 0.00
● 최대 허용값 100.00
● 숫자값만 입력이 가능하며, 그렇지 않으면 초점이 사라지고 최소값이 0.00으로 표시됩니다


2. 1부터 시작하는 정수만 허용되며 이는 장바구니 페이지에서도 일반적입니다

코드 복사 코드는 다음과 같습니다.

         

                                

~                                                                     
> ~                         

● 숫자 버튼을 클릭하면 1씩 증가합니다 ● - 버튼을 클릭하면 1씩 감소합니다

● 최소 허용값 1

● 최대 허용값 100
● 숫자만 입력 가능하며, 그렇지 않으면 초점이 사라지고 최소값 1이 표시됩니다

기타 사용법에 대해서는 관심 있는 친구들이 관련 문서를 참고할 수 있습니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.