cari

Rumah >hujung hadapan web >tutorial js >jquery menentukan sama ada kotak semak dipilih dan melakukan kesan khas untuk menjawab soalan_jquery

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

WBOY
WBOYasal
2016-05-16 15:26:471392semak imbas

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>

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("您选择的答案是错误的！")
    }
  })
})

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.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Contoh analisis perbezaan antara serializeArray() dan serialize() dalam jQuery_jqueryArtikel seterusnya：Contoh analisis perbezaan antara serializeArray() dan serialize() dalam jQuery_jquery

Artikel berkaitan

Lihat lagi