javascript - 当字段不可见时将字段重置为空值

Question

这是一个条件脚本，如果选择了某个答案，它会显示一个字段 block ，在本例中是"is"。

HTML

<form name="theForm">
  Have you attended college?<br>
  <input type="radio" name="married" value="yes" onclick="return toggleMe(this, 'marriedInfo')"> Yes
  <input type="radio" name="married" value="no" onclick="return toggleMe2(this, 'marriedInfo')"> No<br>
  <div id="marriedInfo" style="display: none; margin-left: 20px;">
    <table>
      <tr>
        <td>College name:</td>
        <td style="text-align: right;"><input name="name" type="text"></td>
      </tr><tr>
        <td>Years Attended:</td>
        <td style="text-align: right;"><input name="bday" type="text"></td>
      </tr><tr>
        <td>Degree:</td>
        <td style="text-align: right;"><input name="bplace" type="text"></td>
      </tr>
    </table>
  </div>
</form>

JavaScript

function toggleMe(obj, a){
  var e=document.getElementById(a);
  if(!e)return true;
    e.style.display="block"
    return true;
}

function toggleMe2(obj, a){
  var e=document.getElementById(a);
  if(!e)return true;
  e.style.display="none";
  return true;
}

Fiddle

当选择是时，会显示一个 html 字段 block ，用户可以继续填写。

如果用户在填写第一个字段后决定不继续前进，我该如何将这些字段的值重置为 null(如果他点击否， block 会消失但已输入的值保持不变)。

我尝试使用 e.reset() 但整个脚本停止工作。 e = document.getelementbyid()

Answer 1

为此，您可以在隐藏输入时选择输入并删除它们的 value 属性。试试这个:

function toggleMe2(obj, a) {
  var e = document.getElementById(a);
  if (!e) 
    return true;

  e.style.display = "none";
  document.querySelector('input[name="name"]').value = '';
  document.querySelector('input[name="bday"]').value = '';
  document.querySelector('input[name="bplace"]').value = '';
  return true;
}

Updated fiddle