根据行中的数据隐藏和显示不同的div

时间:2013-10-15 02:06:22

标签: php jquery show-hide

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

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

我的事情是这样的:

    <?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):

  • ID
  • 名称
  • 性别----此行标识用户是女孩还是男孩(男性还是女性)
  • 状态
  • 生日

现在我有一个增长图表,请看hte链接:growth chart这里Asgallant给了我一个很好的支持,让它在图表上工作所以去了医生看到id患者的数据每个例子1给他保存在DB ESTATURA的处方(见上面的链接)重量(比索)和年龄(edad),看看宝宝是如何成长的...直到这里一切都好。

在每个图表中添加患者数据有默认值(正常,desnutricion和desnutricion severa)和每个值在男孩或女孩不同所以我在每个患者的perfil图表增长婴儿图表为男孩成长宝贝图表的女孩但我只需要展示其中一个...这是我的问题 : 我怎样才能只显示一张图表?如果患者是男孩,则显示男孩的成长宝宝图表,或者如果患者是女孩,则只显示女孩的成长宝宝图表。

为了实现这个目的,我认为是针对性别(DB paciente中的行),因为这里确定了男性或女性患者,因为我放了那个代码(参见上面的代码),但我不知道如何实现它格式良好。

2 个答案:

答案 0 :(得分:0)

用简单的方法:

<?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>

答案 1 :(得分:0)

试试这个:

<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代码。

由于