Ada kebutuhan kondisi dimana user memilih radio button selanjutnya barulah muncul action seperti menampilkan objek lain misal form dan sebagainya. Tapi, gimana cara ngebuatnya di skrip html ?!
Ini dia skripnya buat kebutuhan tadi, langsung aja ya
<html>
<head></head>
<body>
<form>
Radio: <input type="radio" name="radname" id="rad1" value="1" class="radname"/> Form1 <input type="radio" name="radname" id="rad2" value="2" class="radname"/> Form2
<!-- form yang mau ditampilkan-->
<div id="form1" style="display:none">
Input1: <input name="input" type="text"/>
</div>
<div id="form2" style="display:none">
Input2: <input name="input" type="text"/>
</div>
</form>
<!-- tambahkan jquery-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(":radio.rad").click(function(){
$("#form1, #form2").hide()
if($(this).val() == "1"){
$("#form1").show();
}else{
$("#form2").show();
}
});
});
</script>
</body>
</html>
Itulah skripnya, kalo masih bingung seperti biasa tinggalin pertanyaan di komentar. Sampai ketemu lagi dipost selanjutnya
