Jquery 基于单选按钮选择更改标签文本

我正在尝试根据单选按钮的选择更改表单框的标签

在浏览了互联网，并使用多种不同的代码进行了多次编码尝试后，我遇到了麻烦，因为我所做的一切似乎都不管用。因此，任何帮助都将不胜感激

这是两个单选按钮

<input type="radio" name="event" id="walkEvent" value="walkEvent"/><label>Walk Event</label>
<input type="radio" name="event" id="otherEvent" value="otherEvent"/><label>Event</label>

Walk事件
事件

这是我想换的标签

<p><label id="place">Meeting Point/Location: </label><input type="text" name="meeting_or_location"/></p>

集合点/地点：

这是我到目前为止的剧本

     <script type="text/javascript">

         $(document).ready(function(){

         if ($('#walkEvent').is(':checked')){
             $('#place').text('Meeting Point:');
         }
        else if ($('#otherEvent').is(':checked')){
             $('#place').text('Location:');
         }
        });

    </script>

$（文档）.ready（函数（）{
如果（$（'#walkEvent'）。是（':checked'））{
$（'#place'）。文本（'集合点：'）；
}
else if（$（“#otherEvent'）。为（“：选中”））{
$（'#place'）。文本（'位置：'）；
}
});

其想法是，如果选中“步行事件”单选按钮，则标签“集合点/地点”将变为“集合点：”。相反，如果选择了事件，“集合点/地点：”将变为“地点：”

---

但是，当我使用上述代码并选中单选按钮时，什么也没有发生。

将侦听器绑定到

更改

事件，当您单击单选按钮时发生该事件：

$（'[name=“event”]'）。在（'change'，function（）上{
if（$（this.attr（'id'）=='walkEvent'）{
$（'#place'）。文本（'集合点：'）；
}否则{
$（'#place'）。文本（'位置：'）；
}
});

步行项目
其他事件
会合点/地点：
您可以使用
点击
事件进行此操作，希望这对您有所帮助
$（“输入[name='event']）。单击（函数（）{
var radioValue=$（“输入[name='event']：选中”）.val（）；
如果（radioValue==“walkEvent”）
$（'#place'）.html（'汇点'）
其他的
$（'#place'）.html（'Location'））
});

步行项目
其他事件
会议地点/地点：