アーカイブ2018年9月2018年8月2018年6月2018年1月2017年10月2017年9月2017年7月2017年6月2016年7月2016年4月2015年1月2014年10月2014年9月2014年8月2014年7月2014年3月お問い合わせ【jQuery】select(セレクトボックス)の入力値に合わせて、入力項目の表示・非表示を切り替えるTweetJavaScriptを使用して、セレクトボックスの内容に合わせて、入力項目の表示・非表示の制御を行う方法。やり方は色々ありますが、今回はアニメーションなどを利用せず、極力簡単に実装出来る方法を選択しました。イベントを使用し、セレクトボックスの内容に変更があった場合に、スタイルシート(css)でHTMLタグの表示・非表示の切り替えの処理を行っています。・タイプが「本」の場合は、「著者」の入力ボックスを表示という処理を行っています。使うとタグの制御が本当に簡単にできますね。こんなに短いコードで実装できるとは思いませんでした。セレクトの状態では実装できたのですが、これをラジオボタンで選択した場合のものを作りたいのですが、なかなかうまくいきません。ラジオボタンでもできるでしょうか?大変お手数ですが、ご教授いただけるとありがたいです。AMすみません!select[name=”access”]を[name=”access”]:radioに変えたらいけました。PM大西たづこさん、コメントありがとうございます。ご自身で解決できたとのことで良かったです!一応ちょっと気になったので、念の為補足を。[name=”access”]:radioだと、うまく動かないと思われるので[name=”access”]:checkedかと思われます。手前味噌ですが、jQueryでのフォームの値操作を以下のページにまとめましたので、ご参考までに。当ブログが解決のお手伝いになれたようで嬉しいです。ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。