So aktivieren Sie deaktivieren Sup-Tag in Javascript

Question

Ich habe 2 Radio-Schaltflächen und ein Textfeld muss ich (*) erscheinen in der Textbox, wenn Ja Radiobutton angeklickt und entfernt, wenn kein Radio-Button angeklickt ist.
meiner Sicht:

<label>code<sup id="star" disabled>*</sup></label>    
     >Add to electronic<input type="radio" name="yes" id="yes"/>onchange="starenable()"/><input type="radio" name="yes" 
     > id="no"/>onchange="starenable()"/>no 

mein javascript:

function starenable() { 
     if (document.getElementById('yes').checked) { 
      document.getElementById("star").disabled = false; 
     } else if (document.getElementById('no').checked) { 
      document.getElementById("star").disabled = true; 
     } 
    } 

habe ich versucht, dies aber keine Änderung in Sicht. irgendwelche Ideen?

Answer 1

Eingang hat disable Attribut .Mit die sub mit Eingang .Und den HTML-Code ausrichten auf dem richtige format.Then die * hinzufügen depend auf karierten Radiobutton

Aktualisiert

Anmerkung:sub Das Tag hat kein Deaktivierungsattribut

function starenable() { 
 
    if (document.getElementById('yes').checked) { 
 
    document.getElementById("star").disabled = false; 
 
    } else if (document.getElementById('no').checked) { 
 
    document.getElementById("star").disabled = true; 
 
    } 
 
    document.getElementById("star").innerHTML = document.getElementById('yes').checked ? '*' : ''; 
 
}

<label>code <sub id="star"></sub></label> Add to electronic 
 
<input type="radio" name="yes" id="yes" onchange="starenable()" />yes 
 
<input type="radio" name="yes" id="no" onchange="starenable()"/>no

Hier

Answer 2

ist Ihre Lösung https://jsfiddle.net/me9uwL2d/

<input type="radio" name="test" value="Yes" />Yes 
<input type="radio" name="test" value="No" />No 
<input type="text" /> 

$('input[type="radio"]').change(function() { 
    if($(this).is(':checked') && ($(this).attr('value') == 'Yes')) { 
     $('input[type="text"]').val("*"); 
    }else{ 
     $('input[type="text"]').val(''); 
    } 
}); 

Answer 3

$(document).ready(function() { 
 
    $('input[type=radio][name=yes]').change(function() { 
 
     if (this.id == 'yes') { 
 
     $('#star').hide(); 
 
     } 
 
     else if (this.id == 'no') { 
 
      $('#star').show(); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<label>code<span id="star" >*</span></label>    
 
     Add to electronic 
 
     <input type="radio" name="yes" id="yes"/>yes 
 
     <input type="radio" name="yes" 
 
     id="no"/>no

Verwendung dieses

Answer 4

<label>code<sup id="star" style="visibility:hidden">*</sup></label> 
Add to electronic 
<input type="radio" name="yes" id="yes" onchange="starenable()"/>yes 
<input type="radio" name="yes" id="no" onchange="starenable()"/>no 

---

function starenable() { 

    if (document.getElementById('yes').checked) 

     document.getElementById("star").style.visibility = "visible"; 

    else if (document.getElementById('no').checked) 

     document.getElementById("star").style.visibility = "hidden"; 

    }