Cara menggunakan jQuery untuk menentukan ketepatan jawapan

jQuery ialah perpustakaan JavaScript yang digunakan secara meluas dalam pembangunan web Ia mempunyai pemilih yang mudah dan kaedah operasi pantas, membolehkan pembangun menyelesaikan tugas pembangunan web dengan lebih cekap. Dalam pembangunan web, selalunya pengguna perlu memilih jawapan kepada soalan dan kemudian menilai sama ada jawapan pengguna itu betul atau salah Artikel ini memperkenalkan cara menggunakan jQuery untuk menilai ketepatan jawapan.

Langkah 1: Cipta fail HTML

Mula-mula, cipta fail HTML dalam folder yang diperlukan, namakannya index.html dan tambahkan rujukan kepada perpustakaan jQuery di kepala fail, seperti berikut Paparan:

nbsp;html>


    <meta>
    <title>jQueryCara menggunakan jQuery untuk menentukan ketepatan jawapan</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>

Fail ini mengandungi dua soalan dan tiga pilihan, setiap nilai pilihan ialah huruf A, B, C. Tambahkan butang hantar dan perenggan teks kosong di bahagian bawah halaman untuk memberikan maklum balas kepada pengguna tentang ketepatan jawapan.

Langkah 2: Buat fail JavaScript

Kedua, cipta fail JavaScript dalam folder yang diperlukan, bernama index.js, yang mengandungi kod utama untuk jQuery untuk menentukan ketepatan jawapan.

$(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);
    });
});

Fail pertama kali menggunakan kaedah $(document).ready() untuk memastikan kod berikutnya hanya boleh dilaksanakan selepas halaman dimuatkan.

Seterusnya, gunakan kaedah $("#submit").click() untuk menetapkan acara klik untuk butang hantar Apabila pengguna mengklik butang hantar, nilai pilihan soalan 1 dan soalan 2 akan diperolehi. Selepas

, gunakan pernyataan if-else untuk menentukan sama ada jawapan yang dipilih oleh pengguna adalah betul Jika nilai pilihan ialah huruf A, jawapan ditentukan adalah betul, jika tidak, jawapan ditentukan tak betul.

Akhir sekali, gunakan kaedah $("#result").text(result) untuk memaparkan keputusan penghakiman dalam perenggan teks kosong.

Langkah 3: Jalankan kod

Jalankan fail index.html untuk menilai sama ada jawapan kepada soalan itu betul atau salah, dan paparkan keputusan penghakiman dalam perenggan teks kosong, seperti yang ditunjukkan di bawah:

Ringkasan:

Artikel ini memperkenalkan cara menggunakan jQuery untuk menilai ketepatan jawapan. Dengan mencipta fail HTML dan fail JavaScript, dan menggunakan pemilih dan pernyataan penghakiman, pemilihan dan proses pertimbangan pengguna bagi jawapan soalan direalisasikan, menyediakan kaedah pelaksanaan yang mudah dan pantas untuk pembangun web.

Atas ialah kandungan terperinci Cara menggunakan jQuery untuk menentukan ketepatan jawapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!