jQuery는 웹 개발에 널리 사용되는 JavaScript 라이브러리로, 편리한 선택기와 빠른 작업 방법을 갖추고 있어 개발자가 웹 개발 작업을 보다 효율적으로 완료할 수 있습니다. 웹 개발에서는 사용자가 질문에 대한 답변을 선택한 다음 사용자의 답변이 올바른지 여부를 판단해야 하는 경우가 많습니다. 이 기사에서는 답변의 정확성을 판단하기 위해 jQuery를 사용하는 방법을 소개합니다.

1단계: HTML 파일 만들기

먼저 원하는 폴더에 HTML 파일을 만들고 이름을 index.html로 지정한 다음 아래와 같이 파일 헤드에 jQuery 라이브러리에 대한 참조를 추가합니다.

nbsp;html> jQueryjQuery를 사용하여 답변의 정확성을 확인하는 방법

请回答以下问题：

1. 世界上最高的山峰是哪座？

A. 珠穆朗玛峰
B. 布达拉宫
C. 长城

2. 水的化学式是什么？

A. H2O
B. CO2
C. O2

로그인 후 복사

The 파일에는 두 개의 질문과 세 개의 옵션이 포함되어 있으며 각 옵션 값은 문자 A, B, C입니다. 답변의 정확성에 대한 피드백을 사용자에게 제공하려면 페이지 하단에 제출 버튼과 빈 텍스트 단락을 추가하세요.

2단계: JavaScript 파일 만들기

두 번째로 필요한 폴더에 index.js라는 JavaScript 파일을 만듭니다. 이 파일에는 답변의 정확성을 확인하기 위한 jQuery의 기본 코드가 포함되어 있습니다.

$(document).ready(function(){ $("#submit").click(function(){ var q1=$("input[name='question1']:checked").val(); var q2=$("input[name='question2']:checked").val(); var result=""; if(q1=="A"){ result+="问题一回答正确；"; } else{ result+="问题一回答错误；"; } if(q2=="A"){ result+="问题二回答正确；"; } else{ result+="问题二回答错误；"; } $("#result").text(result); }); });

로그인 후 복사

파일은 먼저 $(document).ready() 메서드를 사용하여 페이지가 로드된 후에만 후속 코드가 실행될 수 있도록 합니다.

다음으로 $("#submit").click() 메서드를 사용하여 제출 버튼에 대한 클릭 이벤트를 설정합니다. 사용자가 제출 버튼을 클릭하면 질문 1과 질문 2의 옵션 값이 얻어집니다. .

이후 if-else 문을 사용하여 사용자가 선택한 답이 맞는지 확인합니다. 옵션 값이 문자 A이면 정답으로 판단되고, 그렇지 않으면 오답으로 판단됩니다.

마지막으로 $("#result").text(result) 메서드를 사용하여 빈 텍스트 단락에 판단 결과를 표시합니다.

3단계: 코드 실행

index.html 파일을 실행하여 질문에 대한 답이 맞는지 틀리는지 판단하고, 아래와 같이 판단 결과를 빈 텍스트 단락에 표시합니다.

jQuery를 사용하여 답변의 정확성을 확인하는 방법