时间戳

首页 > 解决方案 > 如何使用 url 参数显示/隐藏 id 与参数名称匹配的 div

javascript - 如何使用 url 参数显示/隐藏 id 与参数名称匹配的 div

问题描述

我正在使用 bootstrap/jquery 在 html 中进行会议注册项目，并为每个注册者构建了一个唯一的 url，该 url 使用 url 参数捕获他们的会话选择。如果会议会话 id 是 THU_3PM，则 url 参数和值将是 THU_3PM=1 如果他们选择它，或者 THU_3PM=0 如果他们没有选择。我有大约 30 个会话，所以我有多个参数要查看。

在他们简单的“检查我的日程安排”页面上，我为每个会话提供了具有匹配 ID 的 div，我的想法是默认隐藏所有会话 div，然后显示与 = 1 的 url 参数相对应的 div。

我在试图解析查询字符串时遇到了麻烦，并认为我最好寻求帮助。有人有一个简单的 jquery 或 javascript 示例可以帮助我吗？我会非常感激。

标签： javascriptjqueryshow-hideurl-parameters

解决方案

也许您可以尝试处理 AJAX ？像在 jQuery 中的东西：

$.ajax({
        type: 'POST',
        url: 'youScript.php',
        data: { 'checkSession': 'true' },
        success: function(response) {
            if (response == 'disable') {
                $('div').hide();
                // OR
                $('div').css('display', 'none');
                // OR
                $('div').addClass('hidden');
            }
        }
    });

和 PHP 类似的东西：

if (isset($_POST['checkSession'])) {
    if (!isset($_GET['THU_3PM']) && $_GET['THU_3PM'] == 0) {
        echo 'disable';
    }
}

希望能帮助到你 ：）

推荐阅读