javascript - 如果选中单选按钮，则将打开新选项以进行文件上传或 url 文本输入

Question

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

Answer 1

你可以相对容易地做到这一点。我为您添加了一个类，该类将input根据收音机显示（我用作type类），然后使用简单的 jQuery：

$("input:radio").change(function() {
    $(".type").hide();
    $(this).next("input").show();
});

演示：http: //jsfiddle.net/JvPYv/1/