根据行中的数据隐藏和显示不同的 div [关闭]答案

【问题标题】：Hide and show different divs depending of data in row [closed]根据行中的数据隐藏和显示不同的 div [关闭]
【发布时间】：2013-10-15 02:06:21
【问题描述】：

如果用户的性别是男性或反之，我如何隐藏每个示例女孩图表？

我在这里看到了不同的问题，但我没有看到我需要的东西......这可以做到吗？..

我的事情是这样的：

    <?php if($user->getRole() == 'Mod'|| $user->isAdmin()) { ?>
<div id="girlchart" style="width: 450px; height: 300px;"></div>
    <?php } ?>

或

    <?php if (!empty($row["gender"])) { ?>
<div id="boychart" style="width: 450px; height: 300px;"></div>
    <?php } ?>

但我不知道该怎么做......

--编辑（对不起我的英语......我无法更好地解释我。）--

我有两张图表，一张用于 0 至 24 个月的女婴，另一张用于 0 至 24 个月的男婴......所以如果患者是男孩或反之亦然（女孩），我需要隐藏其中一张，我需要隐藏只看那个宝宝（性别）的成长图，没有两张图。

你能帮帮我吗？

--编辑 2---

我有一个包含这些行的数据库（paciente）：

身份证
姓名
gender ----此行标识用户是女孩还是男孩（男性或女性）
状态
生日

现在我有一个增长图表，请参阅 hte 链接：growth chart 这里 Asgallant 给了我很大的支持，让它在图表中工作，所以 medic 去查看每个例子中带有 id 的患者的数据1 给他保存在 DB ESTATURA 中的处方（见上面的链接）体重（比索）和年龄（edad），看看婴儿的成长情况……直到一切都好。

在每个添加患者数据的图表中，都有默认值（正常、缺营养和严重缺营养），并且每个值在男孩或女孩中都不同，所以我在每个患者的 perfil 中都有图表 婴儿成长图表男孩和女孩的成长婴儿图表，但我只需要展示其中一个......这是我的问题：如何只显示一张图表？如果患者是男孩，则显示男孩的成长婴儿图表，或者如果患者是女孩，则仅显示女孩的成长婴儿图表..

为了做到这一点，我认为这是针对性别（DB paciente 中的行），因为这里将患者标识为男性或女性，因为我输入了该代码（参见上面的代码）但我不知道如何实现它格式不错。

【问题讨论】：

我也想不通，你在问什么！
对不起，我添加了更多信息

标签： php jquery show-hide

【解决方案1】：

只需简单的方法：

<?php
//ur query something like this, u change it according to ur need
$query = "SELECT id,name,gender,status,birthday FROM ur_table_name";
$result = mysql_query($query);
while($row = mysql_fetch_assoc($result))
{
    if($row['gender'] == "male") //here ur condition to check for male
    {
        $girldiv = "display:none";
    }
    else ////here ur condition to check for female
    {
        $boydiv = "display:none";
    }   
}
?>

<div id="girlchart" style="width: 450px; height: 300px; <?php echo $girldiv; ?>">

</div>

<div id="boychart" style="width: 450px; height: 300px; <?php echo $boydiv; ?>">

</div>

【讨论】：

嗨@Ashish，是的，我认为是这样的......但条件是我不知道该怎么做......
@Andrés：看我已经编辑了答案，但你根据你的查询结构给出了条件..
谢谢我的朋友！那是我正在寻找的代码。最好的问候！
嗨@Ashish，如果我需要按年龄隐藏div？像每个示例一样，如果用户有 0 到 2 年，则显示有关 XX 的信息，仅当用户有 2 到 5 年时才显示另一个 div ..
@asterix_jv 是的，你可以做到。类似地，你可以为年龄提供条件。

【解决方案2】：

试试这个：

<html lang="en-US" prefix="og: http://ogp.me/ns#">
    <head>
        <title>Test page</title>

        <script src="jquery-1.9.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">

            $(document).ready(function(){
                $(":radio:eq(0)").click(function(){
                    $("#div_boy").show(1000);
                    $("#div_girl").hide(1000);
                });

                $(":radio:eq(1)").click(function(){
                    $("#div_girl").show(1000);
                    $("#div_boy").hide(1000);
                });

            });
        </script>
    </head>

    <body>
        <input type="radio" name="lang_anz" value="1"> Boyz<br>
        <input type="radio" name="lang_anz" value="0"> Girlz<br>
        <div id="div_boy" style="display: none">Boys Information.</div>
        <div id="div_girl" style="display: none">Girls Information.</div>
    </body>

注意：请添加 jquery 文件以运行 javascript 代码。

谢谢

【讨论】：