Sum Radio Button Value using Javascript

Beranda
Komunitas
Tech
Programmer Forum
Sum Radio Button Value using Javascript

doxaugbey

17-07-2020 01:02

Sum Radio Button Value using Javascript

Permisi gan, mau tanya nih. saya lagi buat validasi sederhana pake radio button yang ada value per butirnya, pengennya radio button yang di pilih dan di submit munculin total dari value itu sendiri, saya udah coba code sendiri dari berbagai sumber tapi masih gagal, minta bantuannya agan agan sekalian.

<!DOCTYPE html>
<html>
<body>

<h1>Display Radio Buttons</h1>

<form action="/action_page.php">
<br>

<label class="radio-inline">
<input class="r1" type="radio" name="a1" value="10">Option 1
</label>
<label class="radio-inline">
<input class="r1" type="radio" name="a1" value="10">Option 2
</label>
<label class="radio-inline">
<input class="r1" type="radio" name="a1" value="10">Option 3
</label>
<br>
<label class="radio-inline">
<input class="r1" type="radio" name="a2" value="10">Option 1
</label>
<label class="radio-inline">
<input class="r1" type="radio" name="a2" value="10">Option 2
</label>
<label class="radio-inline">
<input class="r1" type="radio" name="a2" value="10">Option 3
</label>
<br>
<label class="radio-inline">
<input class="r1" type="radio" name="a3" value="10">Option 1
</label>
<label class="radio-inline">
<input class="r1" type="radio" name="a3" value="10">Option 2
</label>
<label class="radio-inline">
<input class="r1" type="radio" name="a3" value="10">Option 3
</label>
<br>
<button type="button">

Submit

</button>

<div id="result"></div>

</form>
</div>

[removed]
function displayRadioValue(){
var score = 0;
var ele = document.getElementsByName('r1');
for(i = 0; i < ele.length; i++) {

if(ele[i].checked)

document.getElementById("result")[removed]
score+=parseInt(ele[i].value)
}
}
[removed]
</body>
</html>

457

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan