javascript - 访问 Rails 应用程序中的 post 方法后的复选框行为

Question

我的 Rails 应用程序中有一个 View 页面，其中有一个包含一些字段的表单和一个用于显示图表(来自 highcharts)的提交按钮。该提交按钮通向一个 post 方法。

在我的图表上有一个用于显示/隐藏 y 轴的复选框:

$('#showY').click(function () {
    if ($('#showY').is(':checked')) {  
  $('#container').highcharts().yAxis[0].update({
        labels: {
          enabled: true
        },
        title: {
          text: 'Y Axis'
        }
      });
    } else {
  $('#container').highcharts().yAxis[0].update({
        labels: {
          enabled: false
        },
        title: {
          text: null
        }
      });
    }
});

<div class="col-md-12 text-center">
  <input id="showY" type="checkbox"></input>
     <%= t('show_y_axis') %>
</div>

我标记了复选框并看到了 y 轴，然后更改了表单中的一些字段并再次按下提交。图表重新加载，但复选框仍标记为已选中，且不显示 y 轴。请帮助我在按下提交按钮后取消选中复选框。

附注我是新手所以不要硬评

Answer 1

您需要明确告诉 jquery 在页面加载时标记复选框

$(document).ready(function(){
 if ($('#showY').is(':checked'))
 {
   $('#container').highcharts().yAxis[0].update({
    labels: {
      enabled: true
    },
    title: {
      text: 'Y Axis'
    }
  });
 }
})