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

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

WBOY

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

asal

1257 orang telah melayarinya

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>

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("请选择一个选项再提交");
}elsif($("#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 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.