如果选中单选按钮,将打开新选项以进行文件上传或URL文本输入

if radio button is checked new option will open for file upload or url text input

本文关键字:文件 输入 文本 URL 单选按钮 将打开 新选项 选项 如果      更新时间:2023-09-26

我想创建一个表单,其中用户有两个图像上传选项,要么他们通过文件上传选项上传图像,要么他们可以输入图像的文本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/