Pengaturan

Gambar

Lainnya

Tentang KASKUS

Pusat Bantuan

Hubungi Kami

KASKUS Plus

© 2024 KASKUS, PT Darta Media Indonesia. All rights reserved

doxaugbeyAvatar border
TS
doxaugbey
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>
0
445
1
GuestAvatar border
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
Programmer Forum
Programmer ForumKASKUS Official
20.2KThread4.4KAnggota
Urutkan
Terlama
GuestAvatar border
Komentar yang asik ya
Ikuti KASKUS di
© 2023 KASKUS, PT Darta Media Indonesia. All rights reserved.