如何使用HTML/Javascript单选按钮提示特定下载?

如何使用HTML/Javascript单选按钮提示特定下载?,javascript,html,button,download,radio,Javascript,Html,Button,Download,Radio,我试图让用户从链接到单独文件的五个单选按钮中进行选择,单击“接受并下载”按钮,他们下载在单选按钮中选择的文件 这就是我下面的内容。当我单击其中一个单选按钮并单击下载时,什么也没有发生 Javascript: <script> var isgeorge = document.getElementById('george').checked; var ismaci = document.getElementById('maci').checked; var isandre = docum

我试图让用户从链接到单独文件的五个单选按钮中进行选择,单击“接受并下载”按钮,他们下载在单选按钮中选择的文件

这就是我下面的内容。当我单击其中一个单选按钮并单击下载时,什么也没有发生

Javascript:

<script>
var isgeorge = document.getElementById('george').checked;
var ismaci = document.getElementById('maci').checked;
var isandre = document.getElementById('andre').checked;
var iscaroline = document.getElementById('caroline').checked;
var isthai = document.getElementById('thai').checked;

var button = document.getElementById('download');
button.onclick = downloadFile;

function downloadFile() {
if(isgeorge) {
window.open("gaa2dn-resume.docx");
    }else
if(ismaci) {
window.open("maciresume.docx");
    }else
if(isandre) {
window.open("andreresume.pdf");
    }else
if(iscaroline) {
window.open("cpw6n-resume.pdf");
    }else
if(isthai) {
window.open("tk9kb-resume.pdf");
    }
}

var isgeorge=document.getElementById('george')。选中;
var ismaci=document.getElementById('maci')。选中;
var isandre=document.getElementById('andre')。已选中;
var iscaroline=document.getElementById('caroline')。选中;
var isthai=document.getElementById('thai')。已选中;
var button=document.getElementById('download');
button.onclick=下载文件;
函数下载文件(){
如果(乔治){
打开(“gaa2dn resume.docx”);
}否则
国际单项体育联合会(ismaci){
窗口打开(“maciresume.docx”);
}否则
如果(伊桑德尔){
window.open(“andresume.pdf”);
}否则
if(iscaroline){
window.open(“cpw6n resume.pdf”);
}否则
伊夫(伊斯泰){
打开(“tk9kb resume.pdf”);
}
}

此图像中的HTML:

您应该在函数中获得选中的值
isgeorge
和其他变量不会在复选框更改时自动更新

所以你所要做的就是在函数中移动变量

function download(){
        var isgeorge = document.getElementById('george').checked;
        var ismaci = document.getElementById('maci').checked;
        //etc etc etc
演示

注意:由于堆栈片段不允许创建新窗口,因此演示只显示一条消息

var log=document.getElementById('log');
var button=document.getElementById('download');
button.onclick=下载文件;
函数下载文件(){
var isgeorge=document.getElementById('george')。选中;
var ismaci=document.getElementById('maci')。选中;
var isandre=document.getElementById('andre')。已选中;
var iscaroline=document.getElementById('caroline')。选中;
var isthai=document.getElementById('thai')。已选中;
如果(乔治){
log.innerText=“本应打开:gaa2dn resume.docx”;
//打开(“gaa2dn resume.docx”);
}否则如果(ismaci){
log.innerText=“本应打开:maciresume.docx”;
//窗口打开(“maciresume.docx”);
}否则如果(伊桑德尔){
log.innerText=“本应打开:andresume.pdf”;
//window.open(“andresume.pdf”);
}else if(iscaroline){
log.innerText=“本应打开:andresume.pdf”;
//window.open(“andresume.pdf”);
}否则,如果(isthai){
log.innerText=“本应打开:tk9kb resume.pdf”;
//打开(“tk9kb resume.pdf”);
}
}
George
Maci
安德烈
卡罗琳
泰语
下载
您应该在函数中获得选中的值
isgeorge
和其他变量不会在复选框更改时自动更新。那么应该如何格式化它?很抱歉,所有这些都是新的。尝试了这个,但当我单击“下载”按钮时,它仍然没有给我文件。我是如何实现它的:我是不是做错了什么?@george你的浏览器中安装了弹出窗口拦截器吗?请注意,像Chrome这样的浏览器有内部弹出窗口拦截器,您可以在settingsNope中更改它。没有弹出窗口拦截器。@george,你有可以查看的实时演示站点吗?@george,你在javascript控制台上的小提琴有一个错误,你用了
maci
作为两个单选按钮的id,看起来其中一个应该是
andre
。由于出现错误,函数的其余部分不会执行。