js中点击一个按钮弹出一个file文件框的步骤如下：
1.在文件夹中创建一个html文件“test”。
2.在test文件中添加一个html的框架。
3.添加两个input，一个是button，一个是file把id设置为“open”style类型设置为“display:none”不显示。
4.打开后我们发现只显示这一个“打开文件”按钮。
5.现在我们给button添加onclick事件，调用openfile触发id为“open”的file。
6.现在我们在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框了。这样就解决了js中点击一个按钮弹出一个file文件框的问题了。
JS代码写function show(){ var value = document.getElementById("div1").style.displayif(value=="none") { document.getElementById("div1").style.display="block"} else document.getElementById("div1").style.display="none"} 页面上写<input type="button" value="回复" onClick="show()"><div style="display:none" id="div1">//设置这个DIV隐藏，当点击的时候显示 里边就是那个文本框了 <input type="button" name="button1" value="提交" onClick="show()"></div>js中alert()方法就可以实现这种效果。种效果常用于表单验证时弹出提示信息。
下面是用jquery编写的表单验证的简单例子:
<html><body>
<script type="javascript/text" src="jquery.js"></script>
<form id="form" method="post" action="">
性别:男<inpyt type="radio" name="sex" value="0">女<inpyt type="radio" name="sex" value="1">
<inpyt type="button" id="button" value="提交">
</form>
<script type="javascript/text">
$("#button"),click(function(){//提交按钮被点击触发
if($("input[name='sex']").is("checked")){//获取name为sex的input的对象并判断是否被选中
$("#form").submit()")//如果性别的单选按钮有被选择则提交表单
}else{
alert("请选择性别")//如果性别的单选按钮没有被选择则弹出提示
}
})
</script>
</body>
</html>
