Javascript 如何更改；接受；单选按钮单击时输入文件的值

场景是，我需要选择需要上传的文件类型。选择文件类型（例如

XML

）后，文件上载对话框将打开并过滤所选文件的类型，仅限于

XML

。单选按钮中的其他选项也是如此。我需要在单选按钮中选择要放置在文件上载的“接受”属性上的值。有没有办法做到这一点

这里是HTML代码

<input type="radio" class="selectfileclass" name="file" id="xml" value="xml" />XML<br />
<input type="radio" class="selectfileclass" name="file" id="html" value="html" />HTML<br />
<input type="radio" class="selectfileclass" name="file" id="json" value="json" />JSON<br />

<span class="btn btn-default btn-file btn-primary">Browse<input type="file" id="ImportFile" accept=".xml" data-bind="event: { change: $root.Browse }"></span>

XML

HTML

JSON

浏览

使用单选按钮上的

.change（）

事件，然后设置输入值。要设置“accept”的值，请使用

.attr（）

类似于

.attr（“accept”、“+$（this）.val（））

$（'.selectfileclass'）.change（函数（）{
$（'#ImportFile'）.attr（“接受”、“+$（this.val（））
})

XML

HTML

JSON

浏览

您可以尝试现场活动，例如

$('input[type="radio"]').on('change',function() {
  $('#ImportFile').attr("accept", "." + $(this).val())
  console.log($(this).val());
});