Question

这是小提琴页面： http://jsfiddle.net/hgcTb/10/

在表单中有一个id =“extra”的单选按钮

我希望这样做：当用户单击该单选按钮时，所有其他输入都被禁用，唯一可以启用的输入是单选按钮和提交/重置按钮，当用户单击重置时，表单应该重置为原始表单，可能使用javascript？

请给出一些指示或样本

编辑：我添加了一个功能来禁用每个元素，但它给了我错误。

Answer 1

是的，请使用javascript来执行此操作。

将onclick事件添加到单选按钮以禁用其他HTML元素。例如：

这是你的单选按钮：
<input type="radio" name="choice" value="consume" onclick="disableItems(this)" />

这是你的剧本：

function disableItems(obj) {

 var el = document.getElementById('<your HTML element's ID>');
 el.disabled = true;

 // do this for other HTML elements in your form
}

关于重置，您可以为RESET按钮附加一个类似的onclick处理程序，它会使控件返回（使用el.disabled=false）。

这些只是让您入门的片段，并让您了解如何继续（没有勺子喂养的确切解决方案）。根据表单的逻辑，可能会涉及更多代码。

如何使用单选按钮输入禁用表单的某些元素？

1 个答案: