Javascript 选择框html5中不同选项的单独输入选项

我正在做一个单选按钮选项。用户将选择其中一个，我需要有个人上传选项显示为任何选择的选项。i、 e当用户选择“国家ID”时，将有一个上载按钮上载其NID的图像，该按钮将特别注明“上载您的NID图像”，如果用户选择Passport，则将显示一个上载按钮，该按钮将拍摄护照图像，该按钮将特别注明“上载您的护照图像”

ID的类型*
奈德
护照

使用vanillaJS的经典实现可能如下所示

不必在每个输入元素上定义

EventListeners

，您可以利用事件委派，将子元素中的事件冒泡到添加侦听器的父元素。此侦听器将侦听（例如）更改事件，并相应地设置按钮文本

显示的文本存储在中

---

上面的示例应该是进一步实现细节的良好起点。

但此示例不上载任何文件。

<li id="li_6" >
<label class="description" for="element_6">Type of ID<strong><abbr 
title="Mandatory">*</abbr></strong></label>

<span>
<input id="element_6_1" name="element_6" class="element radio" type="radio" 
value="1" />

<label class="choice" for="element_6_1">NID</label>
<input id="element_6_2" name="element_6" class="element radio" 
type="radio" value="2" />
<label class="choice" for="element_6_2">Passport</label>

</span> </li>