jquery - скрыть непроверенную радиокнопку с помощью кнопки отправки

Question

Я хочу скрыть все непроверенные радиокнопку и ее метку, а затем отобразить только отмеченную радиокнопку, используя событие нажатия кнопки отправки.

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

Я хочу сделать эту работу с помощью jQuery. Может ли кто-нибудь дать мне фрагмент кода jQuery о том, как это сделать?

Answer 1

ли что-то простое, как этот

$('#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>