javascript - 选择单选按钮时获取文本字段的问题

Question

大家好，我用 HTML 编写了一个代码，其中有两个单选按钮，我添加了一个功能，如果我选择第二个单选按钮，则仅显示文本字段 HTML:

<strong>Location Type:</strong>
<input type="radio" name="target" value= "BrowserDownload" checked >BrowseLocal
<input type="radio" name="target" value="dumpToS3"  > S3Remote 

<br/>


<div id="textboxes" style="display: none">
  <strong>ACCESS_KEY_ID: </strong>
  <input class="box"  type="text"  hidden="true"/ > <br/>
  <strong>ACCESS_SECRET_KEY: </strong>
  <input  class="box" type="text" hidden="true"/> <br/>
  <strong>MAIL: </strong>
  <input  class="box" type="text"  hidden="true"/> <br/>
</div>

JS:

$("input[name='target']").on('change',function(){
    if($(this).val() == "dumpToS3")
       $('#textboxes').show('slow');
    else
        $('#textboxes').hide();
});

请访问此站点进行现场演示: http://jsfiddle.net/Vk24X/254/ 在这里，当我点击第二个单选按钮时，它应该同时显示名称和文本字段，但它只显示文本字段的名称，请告诉我哪里做错了..thnx 提前。

Answer 1

删除 hidden="true"从你的文本框，它应该工作。

你的demo