- ベストアンサー
一つのチェックボックスでテキストフィールドとプルダウンリストを制御する方法
- 一つのチェックボックスでテキストフィールドとプルダウンリストを制御する方法について説明します。
- 現在、テキストフィールドとプルダウンリストをそれぞれ別々のチェックボックスで制御していますが、一つのチェックボックスで両方を制御する方法を教えてください。
- 上記のjavascriptはネットから拾ってきたものですが、自作ではありません。
- taro0714
- お礼率53% (25/47)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
要はひとつのチェックボックスがチェックされたら、テキストボックスの入力化、セレクトのプルダウン有効を同時にできればよいということ？ 単純につなげてしまえばいいだけなんだけど… いらなそうなところ省いたら短めになっちゃった。 （keisan() は内容が不明なので、ひとまずタグからはずしてあります。） あと、これだとスクリプトをオフにしているユーザーは操作不可能だけど… <html> <head> <script type="text/javascript"> function fchk() { var frm = document.forms['register']; var chk = !frm.elements['chk'].checked; /* テキストボックスを有効化/無効化 */ frm.elements['revenue'].readOnly = chk; /* プルダウンを有効化/無効化 */ frm.elements['paymethod'].disabled = chk; } </script> </head> <body> <form name="register" action="register_kakunin.php" method="post"> <input type="checkbox" name="chk" onclick="fchk()"> <input name="revenue" type="text" id="revenue" size="6" readOnly="true"> <select name="paymethod" disabled="disabled"> <option value="">Pay Method</option> <option value="cash">cash</option> <option value="card">card</option> <option value="point">point</option> <option value="coupon">coupon</option> </select> </form> </body> </html>
お礼
>単純につなげてしまえばいいだけなんだけど… いらなそうなところ省いたら短めになっちゃった。 （keisan() は内容が不明なので、ひとまずタグからはずしてあります。） あと、これだとスクリプトをオフにしているユーザーは操作不可能だけど… ありがとうございます。 イントラだけで使うものなので他のユーザーを意識しなくて大丈夫ですので、これで完璧でした。 javascriptは苦手なので助かりました。