Question

目前我已经制作了两个单选按钮，一个显示输入字段，另一个不显示输入字段。当单击其他单选按钮时，如何修改我的java脚本函数以显示不同的输入字段。

<tr>
  <td class="odd" width="20%" nowrap>
    <bean:message key="editvarref.header.name"/>
  </td>
  <td class="odd" width="80%">
    <div>
      <html:radio styleId="users_name_type_0" property="user_type" value="Show" onclick="getResults(this)" />
     <label for="user_name_type_0"><bean:message key="input.use.name"/> </label>
    </div>
    <div style="padding-top:5px; padding-bottom:5px;">
    <html:radio styleId="email_name_type_1" property="user_type" value="Nothing" onclick="getResults(this)" />
    <label for="email_name_type_1"><bean:message key="input.use.email"/></label>
    </div>

    <div class="text">
      <p>First Name:
        <input type="text" name="text1" id="text1" maxlength="30">
      </p>
    </div>
    <div class="text">
      <p>Last Name:
        <input type="text" name="text1" id="text1" maxlength="30">
      </p>
    </div>
  </td>
</tr>

使用的js函数是getResults（）：

function getResults(elem) {
        elem.checked && elem.value == "Show" ? $(".text").show() : $(".text").hide();
       };

我尝试过使用if语句，但是我收到了一个错误，当我尝试使用getElementById时，只有一个按钮有效。如何修改JavaScript函数以显示另一个div

    <div class="email">
      <p>Email:
        <input type="text" name="email1" id="email1" maxlength="30">
      </p>
    </div>

我是否还必须在重置功能中添加控制语句？

Answer 1

（你需要更具体而不是＆＃34; if语句＆＃34;让人们了解你已经尝试过的内容。）但是尝试将你的onclick功能更改为：

function getResults(elem){
  if (elem.value == "Show") {
    $(".text").show();
    $(".email").hide();
  } else {
    $(".email").show();
    $(".text").hide();        
  }
}

用于单选按钮输入字段的JavaScript函数

1 个答案: