將HAML simple_form與javascript連接

Question

我有這樣的事情：

  = f.input :payment_date, as: :date
  = f.input :tuitor, as: :boolean, label: 'Tuitor payment'

我想在此使用簡單的JavaScript，例如：

costam = ->
if document.getElementById('datet').checked is true
  document.getElementById('pdate').disabled = false
else
  document.getElementById('pdate').disabled = true
return

如何在HAML表單中放入“ datet”和“ pdate”？ 我正在嘗試像

:id => "pdate"

要么

id: :pdate

但它不起作用。

Answer 1

看來您必須使用input_html ：

= f.input :payment_date, as: :date, input_html: { id: "datet" }
= f.input :tuitor, as: :boolean, label: 'Tuitor payment', input_html: { id: "pdate" }

---

關於您的javascirpt，使用變量會更好：

costam = ->
  datet = document.getElementById('datet')
  pdate = document.getElementById('pdate')

  pdate.disabled = !datet.checked

您可以在這里看到正在運行的JSFiddle ：

var changer = function() {
  var datet, pdate;
  datet = document.getElementById('datet');
  pdate = document.getElementById('pdate');
  pdate.disabled = !datet.checked;  
};

$(document).ready(changer);
$("#datet").on("change", changer);