Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
mengambil nilai array html di kolom input dengan javaceript
Mohon pencerahan saya mau meng cek radio grup apakah sudah dicek atau belum dan hasilnya nomor berapa yang sudah dicek. script saya ini tapi gagal terus
<?php
$hasil=mysqli_query($link1,"select * from t_soal WHERE aktif='Aktif' and kdkppn='$kdkppn' and id_even='$id_even' ORDER BY RAND() limit $jmlsoal ");
$jumlah=mysqli_num_rows($hasil);
$no=1;
while($row =mysqli_fetch_array($hasil))
{ ?>
<div class="tab">
<div class="soal">
<p style="font-size: 30px;font-weight: 300;color: darkcyan">Soal no.<?php echo $no ?><?php echo $pertanyaan ?></p>
</div>
<div class='pilih_a'>
A. <input type="radio" name="pilihan[<?php echo $id ?>]" id="no[<?php echo $no ?>]" value="A" onclick="radio_box(this)" ><?php echo $pilihan_a ?>
</div>
<div class ='pilih_b'>
B. <input type="radio" name="pilihan[<?php echo $id ?>]" id="no[<?php echo $no ?>]" value="B" onclick="radio_box(this)" ><?php echo $pilihan_b ?>
</div>
<div class ='pilih_c'>
C. <input type="radio" name="pilihan[<?php echo $id ?>]" id="no[<?php echo $no ?>]" value="C" onclick="radio_box(this)" > <?php echo $pilihan_c ?>
</div>
<div class ='pilih_d'>
D. <input type="radio" name="pilihan[<?php echo $id ?>]" id="no[<?php echo $no ?>]" value="D" onclick="radio_box(this)" ><?php echo $pilihan_d ?>
</div>
</div>
<?php $no=$no+1; }?>
<body>
<script>
function radio_box(box){
var i,no=document.getElementsByClassName("no");
if(box.checked){
var nosoal=no[1];
alert(nosoal);
}
}
}
</script>
0
2 Jawaban:
<div>berikut saya buatkan contoh untuk penerapan penampungan jawaban pada studi kasus di atas.<br>mungkin ini bukan best practice, tapi mungkin berhasil :<br><br></div><pre><!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
&lt;title&gt;Join to Gang!&lt;/title&gt;
</head> <body> <div class="container pt-4">
&lt;div class="row pt-4 mb-4"&gt;
&lt;div class="col-12"&gt;
&lt;p&gt;Pertanyaan 1 ?&lt;/p&gt;
&lt;input type="radio" name="pertanyaan1" value="A" onclick="submitAnswer(this)"&gt; A&lt;br&gt;
&lt;input type="radio" name="pertanyaan1" value="B" onclick="submitAnswer(this)"&gt; B&lt;br&gt;
&lt;input type="radio" name="pertanyaan1" value="C" onclick="submitAnswer(this)"&gt; C&lt;br&gt;
&lt;input type="radio" name="pertanyaan1" value="D" onclick="submitAnswer(this)"&gt; D&lt;br&gt;
&lt;p&gt;Pertanyaan 2 ?&lt;/p&gt;
&lt;input type="radio" name="pertanyaan2" value="A" onclick="submitAnswer(this)"&gt; A&lt;br&gt;
&lt;input type="radio" name="pertanyaan2" value="B" onclick="submitAnswer(this)"&gt; B&lt;br&gt;
&lt;input type="radio" name="pertanyaan2" value="C" onclick="submitAnswer(this)"&gt; C&lt;br&gt;
&lt;input type="radio" name="pertanyaan2" value="D" onclick="submitAnswer(this)"&gt; D&lt;br&gt;
&lt;p&gt;Pertanyaan 3 ?&lt;/p&gt;
&lt;input type="radio" name="pertanyaan3" value="A" onclick="submitAnswer(this)"&gt; A&lt;br&gt;
&lt;input type="radio" name="pertanyaan3" value="B" onclick="submitAnswer(this)"&gt; B&lt;br&gt;
&lt;input type="radio" name="pertanyaan3" value="C" onclick="submitAnswer(this)"&gt; C&lt;br&gt;
&lt;input type="radio" name="pertanyaan3" value="D" onclick="submitAnswer(this)"&gt; D&lt;br&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
let jawaban = [];
const submitAnswer = (target) =&gt; {
const soal = target.getAttribute('name');
let temp = {
[soal] : target.value
}
let ada = false;
jawaban.forEach(res =&gt; {
if(res.hasOwnProperty(soal)) {
res[soal] = target.value
ada = true;
}
});
if(!ada) {
jawaban.push(temp);
}
}
&lt;/script&gt;
</body> </html></pre>
0
<div>Saya lakukan refactor pada program yang saya buat<br><br></div><pre>let jawaban = [];
const submitAnswer = (target) => { const soal = target.getAttribute('name'); const jawab = target.value
let temp = {
soal,
jawab
}
let ada = false;
jawaban.forEach(res =&gt; {
if(res.soal == soal) {
res.jawab = jawab;
ada = true;
}
});
if(!ada) {
jawaban.push(temp);
}
}</pre>
0