cari

Rumah  >  Artikel  >  hujung hadapan web  >  Berdasarkan jQuery untuk melaksanakan sama ada kotak semak dipilih untuk menjawab soalan_jquery

Berdasarkan jQuery untuk melaksanakan sama ada kotak semak dipilih untuk menjawab soalan_jquery

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

Baru-baru ini, titik fungsi yang ditemui dalam keperluan projek diberikan gesaan yang sepadan mengikut pilihan yang dipilih oleh pengguna Penyampaian program ujian diberikan di bawah untuk melihat jika anda rasa ia bagus. sila Teruskan melihat teks penuh.

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. Jom tengok 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("请选择一个选项再提交");
}elsif($("#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 telah diuji~~~ Jika terdapat sebarang kaedah lain, sila cadangkannya dan biarkan saya menyembah mereka~~~

Kod di atas adalah berdasarkan jQuery untuk melaksanakan maklumat yang berkaitan untuk menggesa sama ada kotak semak dipilih atau tidak.

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：Analisis ringkas contoh pemilih hierarki untuk bermula dengan jQuery_jqueryArtikel seterusnya：Analisis ringkas contoh pemilih hierarki untuk bermula dengan jQuery_jquery

Artikel berkaitan

Lihat lagi