单选按钮值未显示

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] />