更改复选框以图像轨道

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 %>

它给出了一个复选框图像并更改为另一个复选框图像onclick。复选框更改时提交的表单。

谢谢。