Question

我正在使用Font Awesome复选框打开/关闭以及下面的脚本，以便在单击时关闭和打开。

如果我的链接是＃，这可以正常工作，但我最近更改了我的链接，只需单击复选框即可提交表单。此问题是页面重新加载后，复选框将返回到初始状态。我不是Javascript专业人员，我想知道我是否可以将一个变量传递给脚本来设置关闭/打开状态？

<ul id="setting-cb">
<li class="wet-asphalt"><a href="<?php echo $my_url; ?>"><i class="fa fa-check-square-o wet-asphalt"></i></a>&nbsp; Checkbox 1</li>
</ul>

<script>
    $('#setting-cb li a').click(function(){
        $(this).next('ul').slideToggle('500');
        $(this).find('i').toggleClass('fa-square-o fa-check-square-o')
    });
</script>

Answer 1

尝试执行Ajax调用。这是一个例子：

JS：

$("#setting-cb li a").click(function(e) {

  e.preventDefault();
  $(this).next('ul').slideToggle('500');
  $(this).find('i').toggleClass('fa-square-o')
  $.ajax({
    url: '/destination.php',
    type: 'POST',
    data: {
      //your data Here 
    },
    success: function(response) {
      //Do something here...
    }
  });
});

HTML：

<ul id="setting-cb">
<li class="wet-asphalt"><a href=""><i class="fa fa-check-square-o wet-asphalt fa-square-o"></i></a>&nbsp; Checkbox 1</li>
</ul>

Fiddle

Answer 2

如上所述，因为您已经将值添加到隐藏输入中，所以您可以使用以下命令再次捕获它：

class="<?=($_POST['your_checkbox_name'] == 'x')?'class_name':''?>"

复选框关闭和打开，在页面重新加载后保持打开状态

2 个答案: