• 締切済み

入力に応じて有効化をするJavaScript

テキストボックスに1文字でも入力があった時のみラジオボタンを選択可能にし、テキストボックスに入力されるまではラジオボタンを無効化したいと思っています どのようにJavaScriptを書けばいいか全くわかりません お願いします

みんなの回答

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

ざっとこんな感じ <script> window.onload=function(){ check(document.getElementById("hoge")); } function check(obj){ var f=obj.form; for(var i=0;i<f.length;i++){ if(f[i].name=="y"){ f[i].disabled=(obj.value==""); } } } </script> <form> <INPUT type="text" name="x" value="" onkeyup="check(this);" id="hoge"> <INPUT type="radio" name="y" value="1" checked disabled>1 <INPUT type="radio" name="y" value="2" disabled>2 <INPUT type="radio" name="y" value="3" disabled>3 </form>

関連するQ&A

  • 入力フォームの作成について

    現在、入力フォームを作成しています。 テキストボックス「A」 ラジオボタン(またはチェックボックス)「1」「2」「3」 テキストボックス「B」 Aのテキストボックスに文字を入力し、ラジオボタン(またはチェックボックス)の2を選択した時のみにBにAの内容をコピーさせるにはどのように記述すればよろしいでしょうか。 JavaScript 関係の書籍を読みましたが、具体的に書いてあるものはなく、組み合わせが必要だとは思うのですが、うまくいきません。 webでも調べてみましたが、テキストボックスに入力するとラジオボタンがチェックされるというのは見つけましたが、この質問のことは見つけられませんでした。 逆に言えば、難しいということでしょうか・・・ 以上、よろしくお願いします。

  • JavaScriptで次のような動作を実現したいと思います。

    JavaScriptで次のような動作を実現したいと思います。 【状況】 テキストフォームが1つ、セレクトボックス(空白、選択肢a、選択肢b)が1つ、ラジオボタンが2つある状況。 【動作】 ラジオボタンAを選択した場合は、テキストフォームもセレクトボックスも入力可能。 ラジオボタンBを選択した場合は、テキストフォームおよびセレクトボックスがクリア(空白)され、かつdisableとなる。 動作自体はシンプルだと思うのですが、上手く作れません。 ご存知の方がいらっしゃいましたら教えていただけますでしょうか。 よろしくお願いします。

  • Javascript 入力フォーム&コピー

    ホームページに下のような仕組みを取り入れたいと思っています。 各質問に対する回答をフォームに入力もしくはラジオボタンから選択して、回答ボタンをクリックすると、その下の大きなテキストボックスに質問と回答がまとめて表示される仕組みです。 その回答結果をクリップボードにコピーできるようにもしたいです。 お詳しい方よろしくお願いします。 好きな芸能人は? [入力フォーム1] 嫌いな芸能人は? [入力フォーム2] 気になるCMは?  [入力フォーム3] あなたの性別は? [ラジオボタンで選択] [回答ボタン] ──────────────── (回答が表示されるテキストボックス) 好きな芸能人:○○ 嫌いな芸能人:○○ 気になるCM:○○ 性別:○○ ──────────────── [回答まとめをコピー] [回答まとめをクリア]

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

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

  • JavaScriptについて教えてください。

    JavaScriptについて教えてください。 ringo.html、orange.htmlがあります。 それぞれに、テキストボックスと、submitボタンが一つずつあります。 行いたいことですが、 どちらかの、submitボタンをクリックすると、 それぞれの、テキストボックスの値を表示したいです。 ※hiddenを使用して実現したいです。 【イメージ】 ringo.htmlのテキストボックスに「100」を入力 orange.htmlのテキストボックスに「200」を入力 いずれかの、submitボタンをクリックすると _______________ ringoの入力値は、100です。 orangeの入力値は、200です。 ________________ といったイメージです。 よろしくお願いします。

  • JavaScriptのフレームの中のテキストについて

    JavaScriptでフレームをつくります。 フレーム1でボタンを押すと、フレーム2のテキストボックスの中に文字を入力させたいのですが可能ですか? お願いします。

  • javascript歴 2ヶ月

    プログラミング初心者です。 javascriptファイルとhtmlファイルを分けて 記述しているのですが、 性別が男か女かというラジオボタンと「実行」 というボタンとひとつのテキストボックスを 作成し、どちらかをクリックし実行ボタンをクリック すると選択されたラジオボタンのvalueプロパティがテキス トボックスに表示されるというプログラムを作っています。 しかし! 初期表示を女にしたいので、 <input type="radio" checked name="rdo1" value="女" onClick="rdo_Change(this)">女 としたのですが、これで動かしてもうまくいかず、 テキストボックスにはundefinedと表示されます。 ぜひ、正しい書き方を教えていただけないでしょうか。 あと、チェックボックスにチェックがひとつもない場合 アラートで"ひとつ以上選択してください"という記述例 もお願いします。 どうかお願いいたします(泣)

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

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

  • javascriptで入力禁止文字をチェック

    javascriptで入力禁止文字をチェック 初めて質問させていただきます。 javascriptで入力フォーム(テキストフィールド)に入力された文字列の中に入力禁止文字がないかをチェックしたいとおもっております。 例えば、テキストフィールドに「バカ」「ハゲ」等と入力されており、送信ボタンを押すと「入力禁止文字が含まれています」とアラートが表示されるといったものです。 入力禁止文字がなければ、送信ボタンをクリックし、指定されたURLへジャンプしたいと考えています。 javascriptのソースをお教えいただけたり、参考になるサイトをお教えいただければ助かります。 よろしくお願いします。

  • javascriptでの入力制限

    テキストボックスに値を入力する時、半角数字しか受け付けない様にjavascriptで制限したいです。 良い方法があれば是非教えて下さい。 よろしくお願いします。

専門家に質問してみよう