重新加载页面后保持按钮处于活动状态(使用 PHP 和 HTML)

Posted

技术标签:

【中文标题】重新加载页面后保持按钮处于活动状态(使用 PHP 和 HTML)【英文标题】:Keep the button Active after reloading the page (using PHP and HTML) 【发布时间】:2022-01-23 19:48:12 【问题描述】:

有什么方法可以让我在重新加载页面后保持按钮处于活动状态? (我没有使用任何自定义 CSS,只有 Bootstrap) php。在 if 条件下,我将按钮用作打开或关闭的开关。

html

<div style="margin-top: 20px; margin-left: 40px;"><p> Show All Conferences </p>
            
<form method="POST">
    <div class="tab-content">
    <button style="margin-left: 35px;" type="submit" name="submitBtn" class="btn btn-primary" data-toggle="button"> On </button>
    <button style="margin-left: -8px;" type="submit" name="submitBtn2" class="btn btn-secondary" data-toggle="button"> Off </button>
</form></div>

</div>



function switch_on_off() 

  $dateConf = date('Ymd');
  if(isset($_POST['submitBtn']))          
    $dateConf = date("Y-m-d", strtotime('2017-02-02 17:02:03'));
  
  if(isset($_POST['submitBtn2']))  
    $dateConf = date('Ymd');
  
  return $dateConf;


function get_future_conferences() 
 
  $dateConf2 = switch_on_off();
  $args = array(
    'numberposts' => -1,
    'post_type'   => 'conference',
    'post_status' => 'publish',
    'meta_key'    => 'conference_start_date',
    'orderby'     => 'meta_value',
    'order'       => 'ASC',
    'meta_query'  => array(
        'key'     => 'conference_start_date',
        'value'   => $dateConf2,
        'compare' => '>=',
    ),
  );
  $conferences = get_posts( $args );
  return $conferences;

【问题讨论】:

【参考方案1】:

如果您不想使用 javascript,您可以使用 session 来执行此操作。单击开/关按钮后,您可以在 PHP 会话中保存值(日期时间等),然后在重新加载页面时检查设置的值。

【讨论】:

以上是关于重新加载页面后保持按钮处于活动状态(使用 PHP 和 HTML)的主要内容,如果未能解决你的问题,请参考以下文章

Next.js 在下一页的 getInitialProps 完成加载时保持当前页面处于活动状态并重新渲染

如何在保持 UISearchBar 处于活动状态的同时强制 UITableView 重新加载数据?

Angular 2在条件下更改类

保持 php 会话处于活动状态并可以从 jquery 访问

每当浏览器加载图标处于活动状态时显示加载图标

在页面重新加载后保持活动选项卡时加载 ajax 内容(引导 4)