Javascript 如何使用动态单选按钮添加事件以显示文本框

我正在laravel 8中创建一个动态在线调查表单。在一些问题中，我有带文本框的单选按钮，以防出现其他选项

我从数据库中生成这些问题

@case(1)
     <input type="radio" name="{{ $property->name }}" value="" hidden checked>
         @foreach ($property->options as $option)
             <input id="{{ $option->option }}" onclick="ShowHideDiv()" type="radio" name="{{ $property->name }}" value="{{ $option->option }}"
              {{ old($property->name) == $option->option ? 'checked' : '' }}>
                   {{ $option->option }}</br>
                
                 @endforeach
                     <div id="dvtext" style="display: block">
                           <input type="text" id="txtBox" />
                      </div>

@案例（1）
@foreach（$property->options as$option）
名称）==$option->option？“选中“：”}}>
{{$option->option}

@endforeach

您可以在代码中看到，$property是一个问题，$option是每个问题的关联选项。我有10多个类似性质的问题。它意味着动态地从数据库中出来。你能帮我吗

如果有人在任何问题上单击“其他”（单选按钮选项），那么文本框应该只出现在该问题上，如何添加这样的行为

或者，如果我一直保持文本框可见并单击文本框，则应自动选择/选中其他选项（单选按钮）

---

感谢每当选中单选按钮

时

首先查看值是否为

Other

，这取决于您的div

演示代码：

$（“输入[type=radio]”）。打开（“更改”，函数（）{
//检查收音机是否被选中，选中的一个值是否为“其他”`
（$（this.val（）==“Other”）？$（this.sides（.dvtext”）.show（）：$（this.sides（.dvtext”）.hide（）
})

.dvtext{
显示：无；
}

有些事情

其他
有些事情

其他

非常感谢@Swati。成功了。