根据已检查的无线电状态禁用提交按钮

Question

所以我已经对正确的方法进行了一些研究，但是我一直没有得到这个我似乎无法解决的错误。

我根据数据库中的模型在页面上呈现了一个简单的表单（例如，我可以在页面上有2个表单或8个）。

我目前正在尝试的是

$(document).ready ->
  elements = $('input:submit')
    elements.each (el) ->
      elements[el].disabled = true
      $(window).click ->
        if $(elements[el]).siblings('input:checked').length > 0
          elements[el].disabled = false

单击单选按钮时，此代码可正确启用按钮。但单选按钮不会激活/响应点击。当我尝试提交表单时，它告诉我我还没有选择任何输入。

我也试过

$(document).ready ->
  elements = $('input:submit')
    elements.each (el) ->
      elements[el].disabled = true
      $(window).click ->
        if $(elements[el]).siblings('input:checked').length > 0
          $(elements[el].removeAttr('disabled')

另一方面，此代码允许我检查单选按钮，但不启用提交按钮。

我认为jQuery可能会将我的原始代码识别为禁用if $(elements[el]).siblings('input:checked').length > 0查询中所有元素的请求，所以我尝试制作两个单独的块 - 一个用于最初禁用提交按钮，另一个用于处理点击。但没有运气。

有什么想法吗？