javascript - 单选按钮值未显示

Question

我有一个带有两个隐藏字段的表单，这些字段根据先前输入的答案而显示。我可以使用一些 JavaScript 来让这些显示出来。但是，我无法获取插入到页面上的单选按钮的值。代码如下:

<div id="hidden-fields" style="display:none">
    <div class="sixteen columns input-wrap">
      <input id="delivery-instructions" name="ship_delivery_instructions" type="text" placeholder="Special delivery instructions?">
    </div>
    <div class="sixteen columns input-wrap">
      <label>Preferred dropoff time
        <input type="radio" class="radio-button" name="ship_dropoff_time" value="1">1 - 3 PM
        <input type="radio" class="radio-button" name="ship_dropoff_time" value="6">6 - 8 PM
      </label>
    </div>
  </div>
</div>

这些输入的结果:

<input type="radio" class="radio-button" name="ship_dropoff_time" value>
<input type="radio" class="radio-button" name="ship_dropoff_time" value>

有人知道为什么我的单选按钮值消失了吗？

编辑:这是用于显示字段的 CoffeeScript。

events:
  "keyup #zip": "check_zip_code"

check_zip_code: (e) ->
  currentZip = e.currentTarget.value
  if eligibleZipCodes.indexOf(currentZip) == -1
    @makeFieldsInvis()
  else
    @makeFieldsVis()

makeFieldsInvis: ->
  $("#hidden-fields").css("display", "none")
  $("#delivery-instructions").val("")
  $(".radio-button").each(-> $(this).attr('checked', false))

makeFieldsVis: ->
  $("#hidden-fields").css("display", "block")

Answer 1

我相信我已经找到了解决方案:

这是我的 JSFiddle:http://jsfiddle.net/pmbbLkzk/

尝试添加关闭输入标记，或自行关闭输入标记:

<input [ATTRIBUTES] ></input>
<input [ATTRBITUES] />