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>

这是我的表单，带有两个单选按钮和一个图像上传字段。如果未选择第二个radion按钮（值为“local”），我想保持“Browse”按钮被禁用。

有人可以帮忙吗？

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" />

我建议你重新访问这些名字＆amp; btw形式的ID，因为它们有点搞砸了。：）

如果未选择单选按钮，则禁用“浏览”按钮

1 个答案:

[See it in action]