jQueryのコードを書く準備jQuery仕様の明示ゴール少々気になった記事があったので備忘録。WordPressの投稿画面でカテゴリーを選択出来る部分があって、そこはチェックボックスになっています。複数選べるようになっているわけですが、仕様上、1つしか選べないようにしたい、という場合のTipsです。前にWptuts+で「ラジオボタン化して1つしか選択できない様にする」という記事がありました。Taxonomies)おおーちょっといいかも、と思ったんですけど、若干面倒くさそうだったのでもう一つの選択肢としてjQueryの方法を書いておこうと思います。単純に1つしか選択できないようにすればいいならチェックボックスにチェック出来る数を制限すればいいです。上図は、1つ選択すると他はdisabledになるようにしています。チェックボックスの動作は以下のような感じです。これをカテゴリーのチェックボックス部分に適応させる、というのが今日の内容です。'limit_checkbox_amount');フッターに置いちゃいます。jQuery管理画面はprototype.jsも読み込まれる可能性が高いのでコンフリクトを避けるために$を使用しないようにしてください。not.attr("disabled",false);}});なんとも微妙なコードが出来ました。1はチェックボックスの数です。チェックが1つついたら、残りのチェックボックスは全部disabledにします。短く出来ますのでご自身で改善してくださいませ。仕様の明示これで1つしか選択できないようになりましたが、これだけだと利用者さんには分かりませんので、文章を入れて明示してあげます。jQuery("ul#categorychecklist").before("<p>1つしか選択できません</p>");こんなんでいいんじゃないでしょうか。「1つだけ選択出来ます」とかの方がいいかな。ゴールというわけで以下をfunctions.phpに入れればOKです。'limit_checkbox_amount');これで、冒頭の「実装」のような感じに出来ました。ラジオボタン化するよりは簡単なんじゃないかなーと思います。様々なシーンを想定したコードじゃないのでこのままコピペとかだと何か問題出るかもです。その際は便宜対応してくださいませ。