Rails jquery 对一个有效，对另一个无效

Question

我在 Rails 表单中有两个复选框。

我正在尝试使用 Jquery (coffeescript) 强制只检查一个。

这是我的代码：

  $('#costproject_rebudget').change ->
    alert 're-budget'
    checkbox = document.getElementById('costproject_rebudget')
    if checkbox.checked
      $("#costproject_new").attr('checked', false)

  $('#costproject_new').change ->
    alert 'new'
    checkbox2 = document.getElementById('costproject_new')
    if checkbox2.checked
      $("#costproject_rebudget").attr('checked', false)

以下是来自浏览器的字段：

<input checked="checked" class="boolean optional" id="costproject_rebudget" name="costproject[rebudget]" type="checkbox" value="1">

<input class="boolean optional" id="costproject_new" name="costproject[new]" type="checkbox" value="1">

alert 're-budget' 有效而 alert 'new' 无效。

它们在我看来是一样的 - 我不明白为什么一个有效而另一个无效。

感谢您的帮助！

Answer 1

检查 costproject_new 是否没有另一个更改绑定。

jQuery 只允许一对对象、事件进行绑定。

Rails jquery 对一个有效，对另一个无效

Rails jquery works for one but not the other

jquery

ruby-on-rails

coffeescript