löschen sich mit Radio-Buttons

Question

Der folgende Code

<Input type = "radio"> <Input type = "text" name = "nominal" value = "1000"> 

ich den Wert in der Eingabemaske will den Wert der Eingabemaske mit Radio-Buttons zu entfernen, wie?

Bitte helfen Sie mir

Thank

Answer 1

Hier ist ein Beispiel-Code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 
     $('#radio').change(function(){ 
      $('#nominal').val(''); 
     }); 
     }); 
    </script> 

    <div> 
     <input id="radio" type= "radio"> 
     <input id="nominal" type= "text" name="nominal" value="1000"> 
    </div> 

Answer 2

Sie können so etwas wie die folgenden (ohne jQuery) tun:

var isChecked = true; 
 
function handleClick(e) { 
 
    if(isChecked){ 
 
    document.getElementById('txtNominal').value = ''; 
 
    document.getElementById('myRadio').checked = true; 
 
    isChecked = false; 
 
    } 
 
    else{ 
 
    document.getElementById('txtNominal').value = '1000'; 
 
    document.getElementById('myRadio').checked = false; 
 
    isChecked = true; 
 
    } 
 
}

<input type = "radio" id="myRadio" onclick="handleClick(event);" /> 
 
<input type = "text" id="txtNominal" name = "nominal" value = "1000">

Answer 3

Lösung mit Checkbox

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $('#checkbox').change(function() { 
       if($('#checkbox').is(':checked')) { 
        $('#nominal').val(''); 
       } else { 
        $('#nominal').val(1000);  
       } 
     }); 
    }); 
</script> 

<div> 
    <input id="checkbox" type= "checkbox"> 
    <input id="nominal" type= "text" name="nominal" value="1000"> 
</div>