javascript - 输入类型禁用和只读对于 href 的行为不同

Question

我有下面的代码，我禁用和启用日历可点击图标。

<p>      
   <label>
      <input type="text" name="date18" id="date18" value="01/01/2012"
      style="width:75px;" disabled/>
   </label>
   <a href="#" onclick="somecaledarrelatedstuff()" name="calid" id="calid">
      <img src="icon-Calendar.jpg" alt="Click to pick a date from a popup 
      calendar"/>
   </a>
</p>

当我添加上面的 disable 时，输入字段和日历弹出窗口的链接也被禁用。但因为禁用元素的值没有提交，所以我想到将其设为只读。但是，问题是，当它是只读时，只有输入字段变为只读(日历弹出链接也不是)，就像使用禁用一样。

我知道如果我想禁用(只是为了防止用户编辑)输入字段和 href，我可以使用 disabled 并拥有一个隐藏的输入变量，然后提交它并引用该变量。但我一直在寻找替代方法，因为如果引入新的隐藏变量，我将需要对代码进行大量重构。

谢谢。

Answer 1

如果您希望禁用输入字段，但仍然在提交表单时发送其值，您可以使用一些 JavaScript 来实现。

要实现此目的，首先将此位添加到 <form>标签:

<form ... onsubmit="EnableInputs(this);">

然后添加这个JS函数:

function EnableInputs(oForm) {
    oForm.elements["calid"].disabled = false;
}

您可以启用更多这样的元素，或使用 getElementsByTagName 启用所有输入并循环它。

这只会在提交时启用该元素，从而发送其值。