jQuery를 사용하여 HTML 입력 값을 계산하고 입력 값을 직접 표시하는 방법은 무엇입니까?

텍스트 입력 필드의 값을 검색하는 데 사용할 수 있는 여러 JavaScript 메서드가 있습니다. jQuery .val() 메서드를 사용하여 스크립트의 텍스트 입력 필드 값에 액세스하거나 값을 설정할 수 있습니다.

이 글에서 수행할 작업은 HTML 입력 값을 계산하고 JQuery를 사용하여 직접 표시하는 것입니다. 더 잘 이해하기 위해 이 기사를 자세히 읽어 보겠습니다.

JQuery의 val() 메서드 사용

입력, 선택, 텍스트 영역과 같은 양식 구성 요소의 값을 검색하려면 .val() 함수를 사용하세요. 빈 컬렉션에 대해 호출하면 정의되지 않은 값을 반환합니다.

문법

다음은 .val() 메소드의 구문입니다

으아아아

Example

의 중국어 번역은 다음과 같습니다:

Example

아래 예에서는 HTML 입력값을 계산하여 웹페이지에 직접 표시하는 스크립트를 실행하고 있습니다.

으아아아

스크립트가 실행되면 웹페이지에서 입력 필드와 클릭한 버튼으로 구성된 출력이 생성됩니다. 사용자가 값을 입력하기 시작하면 가격과 할인액을 빼고 금액을 표시합니다.

Example

의 중국어 번역은 다음과 같습니다:

Example

웹 페이지에 입력 값을 직접 표시하기 위해 스크립트를 실행하는 다음 예를 고려하십시오.

으아아아

위 스크립트를 실행하면 웹페이지의 입력 필드를 보여주는 출력 창이 나타납니다. 사용자가 입력 필드를 채우기 시작하면 CSS가 적용된 텍스트가 웹 페이지에 직접 표시됩니다.

Example

의 중국어 번역은 다음과 같습니다:

Example

아래 스크립트를 실행하여 입력한 텍스트를 웹 페이지에 직접 표시하는 방법을 알아보세요.

으아아아

스크립트가 실행되면 입력 필드와 클릭한 버튼이 포함된 웹페이지에 출력이 생성됩니다. 사용자가 텍스트를 입력하고 버튼을 클릭하면 입력 필드의 텍스트가 포함된 웹 페이지에 경고가 표시됩니다.

위 내용은 jQuery를 사용하여 HTML 입력 값을 계산하고 입력 값을 직접 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!