• ベストアンサー

radioボタンクリック時textボックスを有効にしたい

どなたか教えて下さい。 radioボタンクリック時に入力不可のtextボックスから入力可能なtextボックスへ変更したいです。 JavaScriptのみで可能な方法がありましたら教えて下さい。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#44015
noname#44015
回答No.1

IE6とFirefox2では動作しました. 参考までに. <html> <head></head> <body> <input type="radio" name="switch" onclick="getElementById('textbox').disabled=false" checked>有効 <input type="radio" name="switch" onclick="getElementById('textbox').disabled=true">無効 <br> <input type="text" id="textbox"> </body> </html>

user10
質問者

お礼

ありがとうございました!! ちょっと急用が入り、今日作成することはできなくなりましたが 明日以降作成したいと思います!!

関連するQ&A

  • ラジオボタンでテキストボックスを非アクティブにできる?

    2択のラジオボタンと、テキストボックスが一つあったとして、ラジオボタンの片方を選択しているときは、このテキストボックスを非アクティブ状態にする、といったことはJavascriptで可能でしょうか? あまりJavascriptに詳しくないので、簡単な記述で制御できると助かるのですが・・・。 ご教授、よろしくお願いいたします。

  • ラジオボタンにチェックを入れて、テキストボックスのコメントを消すには

    どなたかお力を・・・ 宜しくお願いします。 メールフォームを作成していて、 テキストボックス入力欄 ○ラジオボタン01 ○ラジオボタン02 から、1箇所選択してもらうようにしてあります。 テキストボックスに始めから、例を記入してあるのですが、 ラジオボタンにチェックを入れた際に消えるようにしたいのです。 フォームのコメントを消すjavascriptは変更してもらっても構いません。 <INPUT type="text" name="あいうえお" onfocus="if (this.value == '例)Corneometer') this.value = '';" onblur="if (this.value == '') this.value = '例)テスト';" value="例)テスト"> <INPUT type="radio" name="かきくけこ" value="ラジオ01" onClick="check_reset(this,10)">ラジオ01 <INPUT type="radio" name="かきくけこ" value="ラジオ02" onClick="check_reset(this,11)">ラジオ02

  • テキストボックスに入力されたらラジオボタンにチェック

    いつもお世話になっております。 タイトル通りなのですが テキストボックスに入力された時に、チェックボックスや ラジオボタンににチェックが付くようなJavaScriptを思考しています。 test.php ---------------------------------------- <form name="form1" method="post" action="test.php"> <input type="checkbox" name="235[]" value="1"> <input name="394" type="text" style="ime-mode: active" onchange="text_check('235')" value="" /> </form> script.js ---------------------------------------- function text_check(nm) {  obj = document.form1;  alert(obj.elements[nm + '[]'].length); // アラートで「undefined」と出てしまう。  for( i=0; i<obj.elements[nm + '[]'].length; i++){   obj.nm[i].checked = true;  } } フォームのラジオボタン、テキストボックスのname属性は 数字じゃない場合は、問題なさそうなのですが 数字の場合だとうまく動作してくれません。 name属性を変更することは考えていません。 ご教示よろしくお願いいたします。

  • ラジオボタンのチェックをはずす

    ラジオボタンのチェックをはずす方法はありますか? どなたか教えてください。 クリックしてチェックが入り再度クリックすると外れると言うようなしくみにしたいのです。 JavaScriptを使わずに簡単にできないでしょうか? もし不可能でしたら、JavaScriptでの方法を教えて頂けると助かります。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • ラジオボタン&チェックボックス

    お世話になっております。 私は、あまりマウス操作が好きではありません。使えないわけではないのですが、キーボードから手を離す時間がもったいないように思えてしまうのです。 それで、いろいろなシーンで見かける、この「ラジオボタン」や「チェックボックス」に印を付ける時も、マウスでのクリックではなく、キー操作でできないものかと考えたのですが。 「そんな方法は無い」ということであれば諦めますが。教えてください。よろしくお願いいたします。

  • ラジオボタンのtabindex = -1について

    画面に配置されたラジオボタンにおいて マウス以外からの操作を無効にしたいと考えています。 (タブでの移動を不可としたい。) そこで、ラジオボタン部分にtabindex=-1を付加しましたが、 うまくいきません。 (順番は変更できるようですが。) 最終的にtabでのフォーカスがあたってしまいます。 これは、もうjavascriptで強制的に制御するしかないのでしょうか?

  • ラジオボタンをチェックした時のテキスト許可

    1年に数回ぐらいしかjavascriptを作成しない初心者です。 よろしくお願いします。 入力フォームの中に1つの項目に2つのラジオボタンがあり、2番目を選択した際に 下にあるテキストボックスの入力を有効にしたいのですが、ラジオボタンのnameに( )がついており、 機能が上手く効きません。 送信時には、フリーでダウンロードしたcgiが機能して入力チェックを行なうため、その名前を変更することができないのですが、javascriptの上手く効く方法はありませんでしょうか? <script language="javascript" type="text/javascript"> <!-- function txtinp() { fObj = document.mailform; fObj.その他_会社名.disabled = (fObj.会社名(必須)[1].checked) ? false : true ; } //--> </script> <form id="mailform" method="post" action="mailform/send.cgi" onsubmit="return sendmail(this);">   <input type="radio" name="会社名(必須)" value="○○株式会社" onclick="txtinp();" /> ○○株式会社   <input type="radio" name="会社名(必須)" value="その他" onclick="txtinp();" /> その他<br /> <p>*その他を選択の場合は、下記に会社名を入力してください</p> <input type="text" name="その他_会社名" size="50" maxlength="50" class="mf" style="ime-mode:active;" onclick="txtinp();" disabled /> というようなソースとなっています。 根本的に記述方法などを理解していないので、分り易く教えていただけると助かります。

  • ラジオボタンが選択されたらテキストフィールドを入力可能にする方法

    社会人2年目のSEです。 JavaScriptが書けなくて困っています。 実装内容は以下の通りです。 【実装内容】 ・ラジオボタンが3つ。 ・そのうち2つはただのラジオボタン。 ・もう1つは、そのラジオボタンを押したらテキストボックスに値を入力可能にするもの。 【画面イメージ】 ○ AAA ○ BBB ● CCC [テキストボックス] ↑ラジオボタン(CCCのラジオボタンがチェックされてる時のみ、テキストボックス入力可能) 以下のサイトのソースを参考に実装可能かと思っています。 違うのはサンプルソースのテキストボックスを2つ削ればいいだけなので。 http://www.openspc2.org/reibun/javascript/form_radio/006/index.html このソースを参考にして作ってみたのですが、技術力が足りないため、動かすことができませんでした。 アドバイスよろしくお願い致します。

  • ラジオボタンやコンボボックスの使用不可

    window_OnLoadイベントでラジオボタンとコンボボックスを使用不可にしておくコーディングを書きたいのですが(目では見えるように)、どのプロパティを記述してもうまくとおりません。 ラジオボタン・コンボボックスそれぞれにIDとNameつけて、以下のように記述しています。 ''ラジオボタン初期非表示 'document.all.item("rdoKey1").checked = false 'document.all.item("rdoKey2").checked = false どんなプロパティを使用すれば、使用不可(選択不可)にすることができるでしょうか?

  • ラジオボタンでの動的項目の変化について

    はじめまして、ラジオボタンでの動的項目の変化についてわからないことがあり質問させていただきました。 質問は以下の通りです。 ・ラジオボタンをクリックする度に指定した入力フォームに変化する。 (ラジオボタンが三種類あったとしたら、一つ目がチェックボタンでの回答形式。二つ目がラジオボタンでの回答形式。三つ目がテキストボックスでの回答形式といった感じです。) ・現在、onClickで関数を呼び出し変化させようとしていますが、うまくいきません。 ・環境はJavaScript + PHP 、IEです。 どなたか、サンプルコードのURLかコードを記述して頂けませんでしょうか? 質問内容がわかりにくいと思いますがよろしくお願いします。

専門家に質問してみよう