Question

用一个例子解释也许更好。

我的表格带有带有YES / NO项目的单选按钮。

当用户选择NO时，单选按钮下面的字段被禁用，而当他点击YES时，字段被启用。

<form id="myForm">
  <h3>Test Form</h3>
  <input type="radio" name="radiobutton" id="needabikesino0" onclick="enableDisableAll();" /> Yes
  <input type="radio" name="radiobutton" id="needabikesino1" onclick="enableDisableAll();" /> No
  <p><input type="text" id="numerobiciclette" name="mybikes" placeholder="bike numbers" disabled /></p>
  <p><input type="text" id="altezza" name="myheight" placeholder="my height" disabled /></p>
  <p><input type="text" id="numerocaschi" name="myhelmets" placeholder="my helmets" disabled /></p>
</form>

function enableDisableAll() {
  cb1 = document.getElementById('needabikesino0').checked;
  document.getElementById('numerobiciclette').disabled = !cb1;
  document.getElementById('altezza').disabled = !cb1;
  document.getElementById('numerocaschi').disabled = !cb1;
}

见这里：http://jsfiddle.net/dforce/0u13z7md/

问题是：

当用户在单选按钮上选择NO时，由于字段是强制性的，因此无法发送表单。

即使用户选择NO，我也需要发送表单。

我该如何解决这个问题？

感谢您的帮助！

Answer 1

您可以尝试将字段设为readOnly吗？

http://www.w3schools.com/jsref/prop_text_readonly.asp

如何根据单选按钮避免检查某些必填字段

1 个答案: