jQuery を使用して回答の正しさを判断する方法

jQuery は Web 開発で広く使用されている JavaScript ライブラリで、便利なセレクターと素早い操作メソッドを備えており、開発者は Web 開発タスクをより効率的に完了できます。 Web開発では、質問に対する回答をユーザーが選択し、その正誤を判断する必要がある場合がありますが、この記事では、jQueryを使用して回答の正誤を判断する方法を紹介します。

ステップ 1: HTML ファイルを作成する

まず、必要なフォルダーに HTML ファイルを作成し、index.html という名前を付け、ファイルの先頭に jQuery ライブラリへの参照を追加します。次のように表示:

nbsp;html>


    <meta>
    <title>jQueryjQuery を使用して回答の正しさを判断する方法</title>
    <script></script>


    <h1>请回答以下问题：</h1>
    <p>1. 世界上最高的山峰是哪座？</p>
    <input>A. 珠穆朗玛峰<br>
    <input>B. 布达拉宫<br>
    <input>C. 长城<br>
    <br>
    <p>2. 水的化学式是什么？</p>
    <input>A. H2O<br>
    <input>B. CO2<br>
    <input>C. O2<br>
    <br>
    <button>提交</button>
    <br>
    <br>
    <p></p>
    <script></script>

このファイルには 2 つの質問と 3 つのオプションが含まれており、各オプションの値は文字 A、B、C です。回答の正しさに関するフィードバックをユーザーに提供するために、ページの下部に送信ボタンと空のテキスト段落を追加します。

ステップ 2: JavaScript ファイルを作成する

次に、必要なフォルダーに JavaScript ファイルを作成し、index.js という名前を付けます。このファイルには、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 を使用して答えの正誤を判断する方法を紹介します。 HTML ファイルと JavaScript ファイルを作成し、セレクターと判定ステートメントを使用することで、ユーザーによる質問の回答の選択と判定のプロセスを実現し、Web 開発者にとって便利で高速な実装方法を提供します。

以上がjQuery を使用して回答の正しさを判断する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。