Looking to dynamically hide all unchecked radio buttons and their labels until a submit button is clicked, displaying only the checked radio button.
<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>
Any suggestions on how to achieve this using jQuery? A snippet of jQuery code would be greatly appreciated!