input file 中,点击第一个上传按钮之后再显示第二个

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37796017/article/details/81077417
第二和第三按钮的样式原本是none的,点击第一个按钮,改变样式,使其显示,第二个按钮出来,点第二个按钮,第三个出来,以此类推。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传file</title>
<script>
function btn_block(btn_id){
    document.getElementById(btn_id).style.display="block";
}
</script>
</head>

<body>
    <input type="file" id="btn1" onclick="btn_block('btn2');" />
    <input type="file" id="btn2" onclick="btn_block('btn3');" style="display:none;" />
    <input type="file" id="btn3" style="display:none;" />
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_37796017/article/details/81077417