Question

在我的Wordpress（3.8.1）中，我制作了一个表格。当我点击它时，我有一个复选框，屏幕上隐藏的div显示要求输入额外信息。

用于显示隐藏div的Javascript代码：

$(function(){
   $('.toggler').click(function(){
       if (this.checked) {
           $('div.showdiv').slideDown();
       } else {
           $('div.showdiv').slideUp();
       }
   });
})

当我填写表格并意外刷新页面时，浏览器会提醒我已检查的选项和我推送的文本，除非我的隐藏div再次隐藏，即使仍然选中了复选框。所以我必须取消选中并再次检查，然后再次显示隐藏的div。它不是那么重要，也许永远不会有人刷新页面，但你永远不会知道。

我在Javascript中不太好希望有人可以帮助我

Answer 1

只有在单击复选框时才会调用if / else函数。因此，当刷新页面时，没有单击复选框，因此不显示/隐藏div。

您可以执行此操作以在显示页面时检查复选框的状态：

$(function(){
  // Check the checkbox status when the page is displayed
  if ($('.toggler').is(":checked")){
    $('div.showdiv').slideDown();
  } else {
    $('div.showdiv').slideUp();
  }

  // And change the status on click
  $('.toggler').click(function(){
    if (this.checked) {
      $('div.showdiv').slideDown();
    } else {
      $('div.showdiv').slideUp();
    }
  });
})

Wordpress，表单缓存和显示隐藏div

1 个答案: