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>