Javascript jquery-使用submit按钮隐藏未选中的单选按钮

Javascript jquery-使用submit按钮隐藏未选中的单选按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想隐藏所有未选中的单选按钮及其标签,然后使用submit button click事件仅显示选中的单选按钮 <form method="post"> <input type="radio" name="radiobtn"> <label for="first">First</label> <input type="radio" name="radiobtn"> <label for="second

我想隐藏所有未选中的单选按钮及其标签,然后使用submit button click事件仅显示选中的单选按钮

<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代码来说明如何做到这一点吗?

做一些像这样简单的事情

$(“#提交”)。单击(函数(e){
e、 preventDefault();//防止表单提交
$('[name=“radiobtn”]:未(:选中)//获取所有未选中的收音机
.hide()//隐藏它们
.next()//获取它们旁边的所有标签
.hide();//隐藏标签
});

弗斯特
第二
第三


请将您尝试解决问题的代码添加到问题中。仅供参考,最好在
表单的
提交
事件下执行您所需的操作,而不是单击按钮的
按钮。非常感谢您的回答。“它起作用了。”肯法尼思很乐意帮忙:)