jquery menentukan sama ada kotak semak dipilih dan melakukan kesan khas untuk menjawab soalan

jquery menentukan sama ada kotak semak dipilih dan melakukan kesan khas untuk menjawab soalan_jquery

WBOY

Lepaskan： 2016-05-16 15:26:47

asal

1378 orang telah melayarinya

Contoh dalam artikel ini menerangkan kod kesan khas jquery untuk menentukan sama ada kotak semak dipilih dan menggesa jawapan. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Tangkapan skrin kesan berjalan adalah seperti berikut:

Kod khusus adalah seperti berikut:

1. Prinsip pelaksanaan:

Langkah pertama: Tentukan item mana yang dipilih pengguna, iaitu kotak semak yang dipilih

Langkah 2: Berikan gesaan yang sepadan berdasarkan pilihan kotak semak

2. Mari lihat program utama:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <input type="checkbox" id="checkbox01" />A <br />
    <input type="checkbox" id="checkbox02" />B <br />
    <input type="checkbox" id="checkbox03" />C <br />
    <input type="checkbox" id="checkbox04" />D <br />
    <input type="button" id="button" value="提交" />
    <h4 >提示本题是单选题且正确答案是A</h4>
    <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/layout.js" type="text/javascript" charset="utf-8"></script>
  </body>
</html>

Salin selepas log masuk

Ia juga boleh dilihat daripada di atas bahawa saya menganggap bahawa soalan ini adalah soalan aneka pilihan dan jawapan yang betul ialah A, maka saya akan mula menggunakan JQ untuk melaksanakannya~~~

3. Program jQuery

$(function(){
  //假设正确答案是A
  $("#button").click(function(){
    if($("input").filter(":checked").length==0){
      alert("请选择一个选项再提交");
    }else if($("#checkbox01").filter(":checked").length!=0&&$("#checkbox02").filter(":checked").length==0&&$("#checkbox03").filter(":checked").length==0&&$("#checkbox04").filter(":checked").length==0){
      alert("您选择的答案是正确的！")
    }else{
      alert("您选择的答案是错误的！")
    }
  })
})

Salin selepas log masuk

Saya telah melihat banyak program di Internet yang menentukan sama ada kotak semak dipilih Selepas ujian, kebanyakannya tidak berguna. Ia mungkin disebabkan oleh kemas kini versi jquery yang menghapuskan banyak program Saya menggunakan $("#id ").filter(":checked").length==0 Adalah mungkin untuk menentukan pilihan yang dipilih dan diuji.

Saya harap artikel ini akan membantu semua orang yang mempelajari pengaturcaraan jQuery.