現在PHPの連想配列内の要素をテーブル表示しています。↓
<?php $list = array( 1=>array("name"=>'Aさん',"age"=>'20',"gender"=>'男'), 2=>array("name"=>'Bさん',"age"=>'21',"gender"=>'女'), 3=>array("name"=>'Cさん',"age"=>'22',"gender"=>'男'), 4=>array("name"=>'Dさん',"age"=>'23',"gender"=>'女'), 5=>array("name"=>'Eさん',"age"=>'24',"gender"=>'男'), ); echo "<table><tr><th>名前</th><th>年齢</th><th>性別</th></tr>"; foreach($list as $key => $value){ echo "<tr>"; echo "<td>".$value["name"]."</td>"; echo "<td>".$value["age"]."</td>"; echo "<td>".$value["gender"]."</td>"; echo "</tr>"; } echo "</table>"; ?>
上記で表示しているテーブルに、性別でフィルタリングするためのラジオボタン(男、女)を2つ生成し、
JQueryでチェックを入れるとテーブル内の要素にフィルタリングがかかるようにしたいです。(アラート表示ではなく、ページ上で切り替わるようにしたい)
↓リンク先のようなイメージ
http://kachibito.net/snippets/table-filter-with-radio
自分が取り組んだアプローチとして、
https://www.ipentec.com/document/document.aspx?page=javascript-jquery-get-radiobutton-value
を参考にして、valメソッドやUpdateState関数を用いたのですがどうもうまくいきません。
どなたかやり方やヒント、目標にたどり着く参考サイトなどを教えてくださると助かります!
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/17 10:39 編集