HTML文本作为POST切换(有点像单选按钮)?

时间:2017-12-08 23:10:33

标签: php html post

我在我的网站上有这个: enter image description here

我希望能够通过按播放器,地图等对服务器进行排序。 所以要更好地解释它;如果我按下一个玩家,我希望列表按降序排序,如果我再次按下,我希望它按升序排列。我已经有了一个脚本,但它适用于单选按钮,但是,这不符合我的设计。另外,我不想在点击文本后再按另一个按钮,我希望它能立即改变排序。

我的代码是: PHP:

        if(isset($_POST['sort']))
    {
        if($_POST['sort'] == 'Players Descending')
        {
              uasort($serverArray, function($a, $b) {
                return $b['Players'] <=> $a['Players'];
                });  
        }
        if($_POST['sort'] == 'Players Ascending')
        {
              uasort($serverArray, function($a, $b) {
                return $a['Players'] <=> $b['Players'];
                });  
        }
    }

和HTML / PHP

    <form method="post">
    </select>
        Sort by:
        <input type="radio" name="sort" value="Players Descending">Players Descending
        <input type="radio" name="sort" value="Players Ascending">Players Ascending
    <input type="submit" name="submit" value="Filter"/>
    </form>

有人有任何关于如何以我想要的方式做到这一点的提示吗?谢谢!

1 个答案:

答案 0 :(得分:1)

如果您的数据存储在表格中,那就是我正在观察的内容 您发布的照片​​,请查看此js代码:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.rtl.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.silver.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.mobile.all.min.css" />

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.3.1026/js/kendo.all.min.js"></script>
</head>

<body>

  <div id="prompt"></div>
  <div>
    <button class="k-button">Click Here</button>
  </div>


现在编辑&#34; mytable&#34;使用您的表名称的名称,当您单击列名称(th标记)时,这应该有效。干杯!