- ベストアンサー
チェックボックスをクリックするとテキストボックスが表示される
チェックボックスをクリックするとテキストボックスが表示される ジャバスクリプトをくみたいのですが、参考サイトなどがなかなかみつかりません。。 良いサイトがあれば教えていただきたいのですが。。
- heisukeheisuke
- お礼率42% (3/7)
- JavaScript
- 回答数3
- ありがとう数14
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんなのは？ ぜんかくくうはくは、はんかくにしてください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>test</title> <style type="text/css"> .goma { visibility: hidden; } </style> <body> <form action="#"> <p> <input type="checkbox" name="abc">Abc:<input type="text" name="aiueo" class="goma"> </p> <p> <input type="checkbox" name="def">Def:<input type="text" name="aiueo" class="goma"> </p> </form> <script type="text/javascript"><!-- //@cc_on @set @v = ( @_jscript_version < 5.9); var openSesame = function( key ) { return function ( e ) { var target = e./*@if( @_jscript ) srcElement @else@*/ target /*@end@*/; var s; if( 'INPUT' === target.nodeName && 'checkbox' === target.type ) { s = target; while( s = s.nextSibling ) { if( 1 === s.nodeType && s.className && -1 < ( '\u0020' + s.className +'\u0020' ).indexOf( '\u0020' + key + '\u0020' ) ) { s.style.visibility = target.checked ? 'visible': 'hidden'; break; } } } }; }; document./*@if( @v ) attachEvent('on' + @else @*/ addEventListener( /*@end @*/ 'click', openSesame( 'goma' ), false ); //--> </script>
その他の回答 (2)
- KenkyuHard
- ベストアンサー率0% (0/3)
ごまの前に空白を付けて判定するのは何故じゃろう。 複数のクラスが付けられるのも想定しているのかしら？
- PEUGEOT206S16
- ベストアンサー率35% (64/181)
( ´∀｀)つ ミこういったものでしょうか？
お礼
有り難うございます！ ぜひ参考にさせて頂きます。
お礼
有り難うございます！ きちんと動きました！