jquery - unmarkierte Optionsschaltfläche mit Schaltfläche "Senden" ausblenden

Question

Ich möchte alle nicht aktivierten Optionsfelder und ihre Beschriftungen ausblenden und dann nur das ausgewählte Optionsfeld anzeigen.

<form method="post"> 
    <input type="radio" name="radiobtn"> 
    <label for="first">First</label> 
    <input type="radio" name="radiobtn"> 
    <label for="second">Second</label> 
    <input type="radio" name="radiobtn"> 
    <label for="third">Third</label><br> 
    <input id="submit" type="submit"> 
</form> 

Ich möchte diese Arbeit mit jQuery machen. Kann jemand mir Schnipsel von jQuery-Code geben, wie man das macht?

Answer 1

Do etwas Einfaches wie dieses

$('#submit').click(function(e) { 
 
    e.preventDefault(); // prevent the form submission 
 
    $('[name="radiobtn"]:not(:checked)') // get all unchecked radio 
 
    .hide() // hide them 
 
    .next() // get all label next to them 
 
    .hide(); // hide the labels 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form method="post"> 
 
    <input type="radio" name="radiobtn"> 
 
    <label for="first">First</label> 
 
    <input type="radio" name="radiobtn"> 
 
    <label for="second">Second</label> 
 
    <input type="radio" name="radiobtn"> 
 
    <label for="third">Third</label> 
 
    <br> 
 
    <input id="submit" type="submit"> 
 
</form>