刪除與單選按鈕

Question

下面的代碼本身在輸入表單中的值

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

我想用單選按鈕刪除輸入形式的價值，怎麼樣？

請幫我

感謝

Answer 1

下面是一個例子代碼

<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

你可以這樣做以下（無jQuery）：

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

解決方案使用複選框

<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>