单击两个单选按钮之一时，如何追加文本字段并用另一个替换文本字段？

Question

My HTML code like this:

<input type="radio" name="pembayaran" id="tunai" value="tunai" onclick="pilihpembayaran()"/>Tunai
<input type="radio" name="pembayaran" id="kredit" value="kredit" onclick="pilihpembayaran()" />Kredit
<input type="text" name="pilihbayar" id="formtunai"readonly value="<?php echo $value->harga?>" style="display:none"/>  

And this is my JavaScript code:

function pilihpembayaran(){
    if (document.getElementById('tunai').click) {
        $('#formtunai').show();
    } else if(document.getElementById('kredit').click){
        $('#formtunai').hide();
    }
}

But I can't replace element #formtunai with another element.

Anyone can solve my problem?

Answer 1

Use this code:

 function pilihpembayaran(){ $("input:radio[id=tunai]").click(function(){ $('#formtunai').show(); }); $("input:radio[id=kredit]").click(function(){ $('#formtunai').hide(); }); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="radio" name="pembayaran" id="tunai" value="tunai" onclick="pilihpembayaran()"/>Tunai <input type="radio" name="pembayaran" id="kredit" value="kredit" onclick="pilihpembayaran()" />Kredit <input type="text" name="pilihbayar" id="formtunai"readonly value="test" style="display:none"/> 

Answer 2

Html

 <input type="radio" name="pembayaran" id="tunai" value="tunai" 
 onclick="pilihpembayaran(this)"/>Tunai
 <input type="radio" name="pembayaran" id="kredit" value="kredit" 
 onclick="pilihpembayaran(this)" />Kredit
 <input type="text" name="pilihbayar" id="formtunai"readonly value="<?php echo 
 $value->harga?>" style="display:none"/>  

Javascript

function pilihpembayaran(e){
    var name = $(e).attr('id');
    if(name == "kredit") {
     $('#formtunai').hide();
    } else if(name == "tunai" ) {
     $('#formtunai').show();
    }
}

Hope its helps you !

Answer 3

Try this:

 function pilihpembayaran(clickedElemId){ $("form").hide(); // to hide all forms $("#form"+clickedElemId).show(); //to show form based on clicked element id } 

  <input type="radio" name="pembayaran" id="tunai" value="tunai" onclick="pilihpembayaran(this.id)"/>Tunai <input type="radio" name="pembayaran" id="kredit" value="kredit" onclick="pilihpembayaran(this.id)" />Kredit <input type="text" name="pilihbayar" id="formtunai"readonly value="<?php echo $value->harga?>" style="display:none"/>