根据Radio值动态显示File

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #javascript #file #action #function #html

JavaScript 专栏收录该内容

136 篇文章

订阅专栏

博客给出一段代码，运用JavaScript实现动态添加文件输入框功能。通过点击单选框触发函数，根据所选选项数量在页面指定位置插入相应数量的文件输入框，同时禁用已选单选框。

代码如下：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="JavaScript"> function howmany(){ var fm; fm=document.form1; for(i = 0; i < fm.rd.length; i++){ if(fm.rd[i].checked==true){ for(j=0; j<=i;j++){ document.all.newanew.insertAdjacentHTML("AfterBegin","<input type='file' name='myfile"+i+"'> <br>"); } } fm.rd[i].disabled=true; } } </script> </head> <body> <form name="form1" method="post" action=""> <input type="radio" name="rd" value="1" onClick="howmany()" > 1 <input type="radio" name="rd" value="2" onClick="howmany()" > 2 <input type="radio" name="rd" value="3" onClick="howmany()" > 3 <input type="radio" name="rd" value="4" onClick="howmany()" > 4 <p id="newanew"> </p> </form></body> </html>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]