asp.net Radio Button auf Klick-Ereignis ohne Seite laden

Question

Mein Problem ist ziemlich einfach, aber ich bin nicht in der Lage, es zu beheben.

Ich habe 2 Radiobuttons und eine versteckte Textbeschriftung. Sobald der erste Radioknopf angeklickt ist, möchte ich das versteckte Label anzeigen, und wenn der zweite Radioknopf angeklickt wird, möchte ich es wieder ausblenden - alles ohne die Seite neu zu laden.

Ich hoffe, dass dies durch JavaScript erreicht werden kann, aber leider weiß ich nicht wie.

Jede Hilfe wird geschätzt.

Vielen Dank im Voraus.

Answer 1

Sie können jQuery verwenden, um einen onlick-Event-Handler

$('#firstcheckbox').click(function() { 
     //code goes here 
    }); 

    $('#secondcheckbox').click(function() { 
     //code goes here 
    }); 

Answer 2

Versuchen Sie das folgende einfache Beispiel zu binden.

$(document).ready(function() { 
 
    $('input[type=radio][name=GName]').change(function() { 
 
     if (this.value == '1') { 
 
      $("#label").text("Yes"); 
 
     } 
 
     else if (this.value == '2') { 
 
      $("#label").text("No"); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
 
<input type="radio" name="GName" value="1"> Yes</input> 
 
<input type="radio" name="GName" value="2"> No</input> 
 
<p> <span id="label"> </p>