javascript - 如果未选择单选按钮，则禁用 "Browse"按钮

Question

<form action="" method="post" name="site_avatar" id="avatar" enctype="multipart/form-data">
<input type="radio" name="avatar" value="gravatar" />
<input type="radio" name="avatar" value="local" />
<input size="25" name="file" type="file" />
<input name="site_avatar" type="submit" value="Submit" />
</form>

这是我的表单，带有两个单选按钮和一个图像上传字段。如果未选择第二个单选按钮(值为“local”)，我想保持“浏览”按钮处于禁用状态。

有人可以帮忙吗？

Answer 1

[See it in action ]

Javascript

var form = document.getElementById("avatar");
var second = form.getElementsByTagName("input")[1];
var file = document.getElementById("file");

form.onchange = function() {
  if (second.checked) {
    file.disabled = false;
  } else {
    file.disabled = "disabled";
  }
};

HTML

<input size="25" name="file" id="file" type="file" />

我建议您重新查看表单中的名称和 ID 顺便说一句，因为它们有点困惑。 :)