Attribut zu Eingabefeld hinzufügen, wenn Radio-Box ausgewählt ist

Question

Ich muss ein onkeyup Attribut zu einem Eingabefeld setzen, wenn ein Optionsfeld ausgewählt ist. Das ist also das Eingabefeld die ich habe:

<input type="text" name="searchval" value="<?php echo $search; ?>" > 

Die Radio-Buttons:

<form action=""> 
<input type="radio" name="merchant" value="merchant"> Merchant<br> 
<input type="radio" name="brand" value="brand"> Merchant<br> 
</form> 

So zum Beispiel, wenn die "Händler" Radio ausgewählt ist, möchte ich das Eingabefeld onkeyup="searchmerchant()" hinzufügen das Eingabefeld sollte also so aussehen:

<input type="text" name="searchval" value="<?php echo $search; ?>" onkeyup="searchmerchant()" > 

Wie mache ich das Javascript?

---

EDIT: mit dem Code von Jayesh Chitroda Antwort, ich habe eine Geige erstellt: JS Fiddle

Answer 1

starten:

JQuery:

$('input[name="searchval"]').keyup(function(){ 
     console.log($('input[name=selection]:checked').val()) 
     var val = $('input[name=selection]:checked').val(); 
     if(val == 'merchant') { // check if selected radio is 'merchant' set onkeyup attribute 
      $(this).attr("onkeyup","searchmerchant()") 
     } else { 
      $(this).removeAttr("onkeyup"); // Remove if not merchant selected 
     } 
    }); 

Html:

Weisen Sie beiden Optionsfeldern denselben Namen zu und aktualisieren Sie sie Werte des Optionsfelds.

<form action=""> 
    <input type="radio" name="selection" value="merchant"> Merchant<br> 
    <input type="radio" name="selection" value="brand"> Brand<br> 
</form>