HTMLテキストをPOSTトグル（ラジオボタンのようなもの）ですか？私は、マップなどが だから、より良い、それを説明するために選手を押して、サーバを並べ替えることができるようにしたい <a href="https://i.stack.imgur.com/ZCnUN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZCnUN.png" alt="enter image description here"></a></p> <p>;：

Question

私は自分のサイト上でこれを持っています1人のプレイヤーを1回押すと、リストが降順に並べ替えられ、もう一度押すと昇順になります。私はすでにこのためのスクリプトを持っていますが、それは私のデザインに合わないラジオボタンで動作します。また、テキストをクリックした後に別のボタンを押す必要もなく、並べ替えを即座に変更したいと思っています。このため

私のコードは次のとおりです。 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']; 
       }); 
     } 
    } 

と誰もが、これは私がそれを望むように行う方法上の任意のヒントを持っていますか

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

HTML/PHP？ありがとう！

Answer 1

あなたのデータは、私は であなたが投稿写真を見てsopposingよ何である、テーブルに格納されている場合、これはコードをJSチェック：

function sortTable() { 
var table, rows, switching, i, x, y, shouldSwitch; 
    table = document.getElementById("myTable"); 
switching = true; 
/* Make a loop that will continue until 
no switching has been done: */ 
while (switching) { 
    // Start by saying: no switching is done: 
    switching = false; 
    rows = table.getElementsByTagName("TR"); 
    /* Loop through all table rows (except the 
    first, which contains table headers): */ 
    for (i = 1; i < (rows.length - 1); i++) { 
    // Start by saying there should be no switching: 
    shouldSwitch = false; 
    /* Get the two elements you want to compare, 
    one from current row and one from the next: */ 
    x = rows[i].getElementsByTagName("TD")[0]; 
    y = rows[i + 1].getElementsByTagName("TD")[0]; 
    // Check if the two rows should switch place: 
    if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) { 
    // I so, mark as a switch and break the loop: 
    shouldSwitch= true; 
    break; 
    } 
} 
if (shouldSwitch) { 
    /* If a switch has been marked, make the switch 
    and mark that a switch has been done: */ 
    rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); 
    switching = true; 
    } 
} 
    } 

今で「mytableは」名前を編集あなたのテーブル名、これは列名（thタグ）をクリックすると動作します。乾杯！