如果选中单选按钮,将打开新选项以进行文件上传或URL文本输入
if radio button is checked new option will open for file upload or url text input
我想创建一个表单,其中用户有两个图像上传选项,要么他们通过文件上传选项上传图像,要么他们可以输入图像的文本URL,问题是如何将用户限制为一个选项中的任何一个,我虽然 RADIO 检查可能会帮助我,但我没有弄清楚如何使用单选按钮启用任何一个选项, 请帮助我,我是开发新手,对 JavaScript 也没有太多了解。
<input name="file" type="radio" value="file" checked><input type="file" name="file">
<input name="file" type="radio" value="url" checked><input type="text" name="url" >
您可以相对轻松地做到这一点。我在你的input
中添加了一个类,该类将根据收音机显示(我使用 type
作为类),然后使用简单的 jQuery:
$("input:radio").change(function() {
$(".type").hide();
$(this).next("input").show();
});
演示:http://jsfiddle.net/JvPYv/1/
相关文章:
- Javascript,文件输入和FormData问题
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- 访问javascript文件输入变量的值
- 从IE中的不同元素调用时,文件输入控件未正确启动
- 多次打开多个文件输入,而不会丢失以前选择的文件
- jquery形成多文件输入字段Value()
- 如何从 Chrome 中的文件输入中删除“未选择文件”工具提示
- 如果从文件输入按钮调用 .ajaxSubmit() 时,它是必需的表单
- 生成由文件输入在特定时间选择的视频文件的缩略图/快照
- 使用javascript获取文件输入
- krajee引导程序文件输入上传
- on('change')不适用于动态添加的文件输入
- 选择要初始化精细上传器的文件输入
- 在DOM中以img的形式插入文件输入
- 单击跨度内的隐藏文件输入会导致RangeError
- 显示当前文件输入有文件后的下一个文件输入
- Krajee文件输入小部件'上传'方法引发异常
- 在引导文件输入中通过post发送一个额外的变量
- 引导文件输入
- 为什么在文件输入上触发点击事件也会在表单上触发提交事件