Cara mencetak nilai kotak pilihan yang dipilih selepas penyerahan

Question

Ini senarai kotak semak dan butang saya yang perlu saya serahkan data..

<label>Access Locations </label>
     <br />


     <input type="checkbox" name="chk[]" id="check1" class="pl" value="INT" /> dummy1
     <input type="checkbox" name="chk[]" id="check2" class="pl" value="MV" /> dummy2
     <input type="checkbox" name="chk[]" id="check3" class="pl" value="FV" /> dummy3
     <input type="checkbox" name="chk[]" id="check4" class="pl" value="PS" /> dummy4

     <br />
     <h4 name ="checkboxvalues" style="color:green" id="result_checkbox"></h4>  
    
     <input type="hidden" name="employee_id_update" id="employee_id_update" />
     <input onclick="getCheckboxValue()" type="submit" name="insert" id="insert" value="Update" class="btn btn-success" />

Saya menggunakan kelas di bawah apabila klik butang..

function getCheckboxValue() {

var l1 = document.getElementById("check1");
var l2 = document.getElementById("check2");
var l3 = document.getElementById("check3");
var l4 = document.getElementById("check4");

 
var res=" "; 
if (l1.checked == true){
  var pl1 = document.getElementById("check1").value;
  res = pl1 + ","; 
} 
else if (l2.checked == true ){
  var pl2 = document.getElementById("check2").value;
  res = res + pl2 + ","; 
}
else if (l3.checked == true){
document.write(res);
  var pl3 = document.getElementById("check3").value;
  res = res + pl3 + ","; 
}
else if (l4.checked == true){
  var pl4 = document.getElementById("check4").value;
  res = res + pl4 + ","; 
}

return document.getElementById("result_checkbox").innerHTML = "You have selected " + res ;

}

Daripada kaedah di atas, walaupun saya mempunyai beberapa kotak pilihan yang ditandakan, apabila saya mengklik butang, saya hanya melihat satu nilai dalam checkboxvalues seperti yang ditunjukkan dalam imej.

Bolehkah seseorang memberitahu saya cara untuk menambah baik kod saya untuk memaparkan semua nilai apabila berbilang kotak pilihan dipilih?

Jika kedua-dua check1 dan check2 dipilih, output mestilah

Keluaran:

You have selected INT,MV

Answer 1

Anda menggunakan gambar rajah tangga if-else, yang bermaksud jika salah satu syarat dipenuhi dan dilaksanakan, blok yang lain akan diabaikan. Anda boleh menggunakan berbilang jika blok untuk mengelakkan ini.

Answer 2

Anda menggunakan if else if pernyataan, jadi apabila salah satu daripadanya dilaksanakan, selebihnya tidak akan dilaksanakan. Anda boleh mencuba pernyataan if untuk setiap kotak semak dan ia akan melakukan kerja.

var res=" "; 
if (l1.checked == true){
  var pl1 = document.getElementById("check1").value;
  res = pl1 + ","; 
} 
if (l2.checked == true ){
  var pl2 = document.getElementById("check2").value;
  res = res + pl2 + ","; 
}
if (l3.checked == true){
document.write(res);
  var pl3 = document.getElementById("check3").value;
  res = res + pl3 + ","; 
}
if (l4.checked == true){
  var pl4 = document.getElementById("check4").value;
  res = res + pl4 + ","; 
}