Javascript 将单选按钮列表更改为标签

我构建了一个表单，允许用户在单击按钮后编辑之前输入的信息

在这种情况下，用户将单击性别标签旁边的编辑按钮，并显示一个单选按钮，允许他们选择男性或女性

我需要帮助找出一种方法，让单选按钮列表在单击时变回标签

以下是我目前掌握的情况：

HTML

Javascript

---

如何从单选按钮列表中获取值并将其添加到标签中？

如下所示检索值：

var newGender = $('[name="gender"]').val();

并将其更改为这样的标签：

$('[name="gender"]').html('your choice : ' + newGender);

var newGender = $('[name="gender"]').val();

$('[name="gender"]').html('your choice : ' + newGender);