penjumlahan beberapa radio button dengan function hasil angka y kok sejajar.... mas2x master tolong dibantu donk???

ulfa · Jul 2, 2012
hasil value y kok sejajar.... mas2x master tolong dibantu donk??? :( ini script y..
<html>
	<body> 
	<div>
	<label class="kiri">Bilangan 1=</label>
	<input type="radio" id="bil1" value="1" name="bilangan1" onClick="isi_bil1(this)" />1
	<input type="radio" id="bil1" value="2" name="bilangan1" onClick="isi_bil1(this)" />2
	<input type="radio" id="bil1" value="3" name="bilangan1" onClick="isi_bil1(this)" />3
	<input type="radio" id="bil1" value="4" name="bilangan1" onClick="isi_bil1(this)" />4
	<input type="radio" id="bil1" value="5" name="bilangan1" onClick="isi_bil1(this)" />5
	<input type="radio" id="bil1" value="6" name="bilangan1" onClick="isi_bil1(this)" />6
	</div>
	<div>
	<label class="kiri">Bilangan 2=</label>
	<input type="radio" id="bil2" value="1" name="bilangan2" onClick="isi_bil2(this)" />1
	<input type="radio" id="bil2" value="2" name="bilangan2" onClick="isi_bil2(this)" />2
	<input type="radio" id="bil2" value="3" name="bilangan2" onClick="isi_bil2(this)" />3
	<input type="radio" id="bil2" value="4" name="bilangan2" onClick="isi_bil2(this)" />4
	<input type="radio" id="bil2" value="5" name="bilangan2" onClick="isi_bil2(this)" />5
	<input type="radio" id="bil2" value="6" name="bilangan2" onClick="isi_bil2(this)" />6
	</div>
	<div>
	<label class="kiri">Bilangan 3=</label>
	<input type="radio" id="bil3" value="1" name="bilangan3" onClick="isi_bil3(this)" />1
	<input type="radio" id="bil3" value="2" name="bilangan3" onClick="isi_bil3(this)" />2
	<input type="radio" id="bil3" value="3" name="bilangan3" onClick="isi_bil3(this)" />3
	<input type="radio" id="bil3" value="4" name="bilangan3" onClick="isi_bil3(this)" />4
	<input type="radio" id="bil3" value="5" name="bilangan3" onClick="isi_bil3(this)" />5
	<input type="radio" id="bil3" value="6" name="bilangan3" onClick="isi_bil3(this)" />6
	</div>
	<div>
	<label class="kiri">Bilangan 4=</label>
	<input type="radio" id="bil4" value="1" name="bilangan4" onClick="isi_bil4(this)" />1
	<input type="radio" id="bil4" value="2" name="bilangan4" onClick="isi_bil4(this)" />2
	<input type="radio" id="bil4" value="3" name="bilangan4" onClick="isi_bil4(this)" />3
	<input type="radio" id="bil4" value="4" name="bilangan4" onClick="isi_bil4(this)" />4
	<input type="radio" id="bil4" value="5" name="bilangan4" onClick="isi_bil4(this)" />5
	<input type="radio" id="bil4" value="6" name="bilangan4" onClick="isi_bil4(this)" />6
	</div>
		<div id="hasilnya" name="hasilnya">Tempat hasil perkalian</div>
		 <form name="form1" method="post" action="">
		    <label>
		      <input type="submit" name="Submit" value="reset">
	        </label>
	      </form>
 
</body>
	<script> 
	
		function isi_bil1(elm){	  
		  // isi elemen dengan id = bil1 dengan nilai dari radio button
	    bil1.value = elm.value;
	    }  
		function isi_bil2(elm){	
		// isi elemen dengan id = bil1 dengan nilai dari radio button
	    bil2.value = elm.value;
	    kalikan();
		} 
		function isi_bil3(elm){	
		// isi elemen dengan id = bil1 dengan nilai dari radio button
	    bil3.value = elm.value;
	    kalikan();
		}
	    function isi_bil4(elm){	
		// isi elemen dengan id = bil1 dengan nilai dari radio button
	    bil4.value = elm.value;
	    kalikan();
		}      
	function kalikan(){
	    var bil1 = document.getElementById("bil1").value;
	    var bil2 = document.getElementById("bil2").value;
		var bil3 = document.getElementById("bil3").value;
		var bil4 = document.getElementById("bil4").value;
	    var hasil=bil1+bil2+bil3+bil4;
	    document.getElementById("hasilnya").innerHTML = "hasilnya adalah "+hasil+"<br /> by <em><strong>asligresik.wordpress.com</strong></em>";
	    }
	</script>
	</html>
	<style>
	div{
	    border-radius:5px;
	    padding:6px;
	    margin:4px;
	    border-bottom:2px solid gray;
	    }
	div input{
	    border:1px solid gray;
	    }  
	div label.kiri{
	    width:100px;
	    }  
	</style>
Silahkan login untuk menjawab!
0
Ellyx Christian · Jul 3, 2012 · 0 Suka · 0 Tidak Suka
ganti fungsi kalikan dengan
function kalikan(){
    	var bil1 = parseFloat(document.getElementById("bil1").value);
    	var bil2 = parseFloat(document.getElementById("bil2").value);
	var bil3 = parseFloat(document.getElementById("bil3").value);
	var bil4 = parseFloat(document.getElementById("bil4").value);
    	var hasil=bil1+bil2+bil3+bil4;
    	document.getElementById("hasilnya").innerHTML = "hasilnya adalah "+hasil+"<br /> by <em><strong>asligresik.wordpress.com</strong></em>";
}