ruby-on-rails - チェックボックスをイメージレールに変更

Question

チェックボックスを画像にしようとしています。Railsタグ(つまりimage_tag)でこれを行う方法はありますか、それともjavascript/cssのみですか?

以下はタグの例ですが、現在は画像とチェックボックスのみが表示されています。ありがとうございました！

  <img src="/images/teddy-bear.jpg" align="left">
  <%= f.check_box :bear %>

Answer 1

私はこのスクリプトを使用することになりました...

http://jordankasper.com/jquery/imagecheck/examples.php

私のJavaScriptは：

$(function() {
$('#pin_candle')
  .simpleImageCheck({
    image: '/images/candle.jpeg',
    imageChecked: '/images/candle2.jpeg'
  })
  .change(function() {
    var c = 'checked';
    if (!$('#pin_candle').is(':checked')) {
      $(this).closest('form').submit();
    }
    $(this).closest('form').submit();
  });
});

私のレールは：

<%= f.check_box :candle %>

チェックボックスの画像を提供し、クリックすると別のチェックボックスの画像に変更されました。チェックボックスが変更されたときに送信されたフォーム。

ありがとうございました。