• 締切済み

JavaScriptでTextBoxの操作

開発環境:Visual Web Developer 2008 express 言語:Visual Basic いつも拝見させて参考にさせていただいております。 JavaScriptの記述について質問です。 CheckBoxを一つ、TextBoxを縦に1~20個並べ、CheckBox1をチェック(True)したとき、TextBox1~20を入力可能に、またチェックを外したとき(False)は、入力不可にした動作時の記述がわかりません。 なにか参考になるような、ソース、サイトがあればご教授お願いします。

みんなの回答

回答No.2

サンプル作ってみましたこんな感じでいかがですか? <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <html><head><title>入力フォーム</title></head> <script type="text/javascript"> <!-- function chg(number){ //チェックボックスを確認する。 var ckvalue=""; if (document.frm1.elements.CK.checked){ ckvalue=""; }else{ ckvalue="true"; } //テキストボックスを入力可能または不可能にする。 for (var num = 1; num <= number; num++) { document.frm1.elements["txt" + num].disabled = ckvalue; } } //--> </script> <center> <body > <form name="frm1"> <INPUT type="checkbox" name="CK" onclick="chg(20)" checked>:チェックボックス<BR> <input type="text" name="txt1" ><br> <input type="text" name="txt2" ><br> <input type="text" name="txt3" ><br> <input type="text" name="txt4" ><br> <input type="text" name="txt5" ><br> <input type="text" name="txt6" ><br> <input type="text" name="txt7" ><br> <input type="text" name="txt8" ><br> <input type="text" name="txt9" ><br> <input type="text" name="txt10" ><br> <input type="text" name="txt11" ><br> <input type="text" name="txt12" ><br> <input type="text" name="txt13" ><br> <input type="text" name="txt14" ><br> <input type="text" name="txt15" ><br> <input type="text" name="txt16" ><br> <input type="text" name="txt17" ><br> <input type="text" name="txt18" ><br> <input type="text" name="txt19" ><br> <input type="text" name="txt20" ><br> <input type="reset" value="リセット"> </form> </td></tr></table> </body> </html>

Go_chan_Japan
質問者

補足

返信遅れました 回答ありがとうございます。 toraneko75さんのサンプルを参考にチャレンジしてみましたが、 if (document.frm1.elements.CK.checked) の部分でエラーとなってしまいます。 開発環境がASP.NETのXHTMLで作成しているので、何かその辺が影響しているのでしょうか?

  • luka3
  • ベストアンサー率74% (306/409)
回答No.1

開発環境がVBなのかJavaScriptなのかちょっとわかりかねますが、 サンプルとしては以下が参考になると思います。 ・JavaScript サンプル:『テキストボックスを入力不可にしてみる2』 http://www.b-s-c.co.jp/~moritake/oboegaki/h_js_smp072.html

関連するQ&A

  • TextBoxの表示、非表示

    TextBoxの表示、非表示 開発環境:Visual Web Developer 2008 express 言語:Visual Basic 上記開発環境を使いWebアプリケーション開発中です。 現在、入力フォームを作成中ですが、CheckBoxにチェックがあったらTextBoxを表示するようなことをしたいのですが、ASP.NETの記述がわかりません。 VBAでは If CheckBox1.Value = True Then TextBox1.Visible = False のようにかけばできたのですが。。。 初心者なもので単純な質問で申し訳ありませんが、どなたかご教授願います。

  • TextBoxに入力された文字列のソート

    TextBoxに入力された文字列のソート TextBoxに入力された文字列のソート 開発環境:Visual Web Developer 2008 express 言語:Visual Basic TextBoxを縦5行横3列に並べた表形式の入力フォームがあり、1列目のTextBox(番号…1,4、7、10、13)に入力された文字列(数値)を基準に、昇順にソートし、行ごと入れ替えるプログラムを作りたいのですが、TextBoxを利用したソートの参考になるものが見つからず息詰まっています。どなたかサンプルや参考になるサイトがあれば、教えてください。 ###入力フォーム### 1  あああ あああ 3  ううう ううう 2  いいい いいい 5  おおお おおお 4  えええ えええ ###実際に出したい結果### 1  あああ あああ 2  いいい いいい 3  ううう ううう 4  えええ えええ 5  おおお おおお

  • TextBox操作で質問

    TextBox操作で質問 開発環境:Visual Web Developer 2008 express 言語:Visual Basic TextBoxを縦5行横3列に並べ、2列目のTextBox(番号…2,5、8、11、14)に文字列があり、1列目のTextBox(番号…1、4、11、10、13)に文字がなかったら、1列目のTextBoxに”あ”の文字列を付加する、のようなことをしたいのですが、2列目に文字列がなくても、1列目に"あ"の文字列が入ってしまいます。どこが悪いのか分かりませんのでご教授願います。 ###入力フォーム###   ううう おおお い ううう おおお   ううう おおお      ↓ ###現状の出力結果#### あ ううう おおお い ううう おおお あ ううう おおお あ あ ###実際に出したい結果### あ ううう おおお い ううう おおお あ ううう おおお Dim i As Integer Dim j As Integer For i = 1 To 13 Step 3 For j = 2 To 14 Step 3 If CType(FindControl("TextBox" & j), TextBox).Text = "" Then If CType(FindControl("TextBox" & i), TextBox).Text = Nothing Then CType(FindControl("TextBox" & i), TextBox).Text = "あ" End If End If Next Next

  • textboxの繰り返し連結処理

    textboxの繰り返し連結処理 Visual Web Developer 2008を使いWebアプリケーション開発中です。言語はVBです。 複数のtextboxに入力された文字を連結する方法が分かりません。 ↓このようにtextboxに入力された文字   1 2 3 4 5 1 あ|い|う|え|お 2 か|き|く|け|こ 3 さ|し|す|せ|そ 4 た|ち|つ|て|と 5 な|に|ぬ|ね|の Buttonをクリックしたら“あいうえおかきくけこさしすせそ…”というtextboxの連結処理をしたいのですが、textboxの数が200~300と多いので、繰り返し処理を使い簡単にできないでしょうか? 初心者なので分かりづらい質問で申し訳ありません。 参考になるページやコードがあったら教えて下さい。 よろしくお願いします。

  • TextBoxに入力した文字を保存

    VB2010を使っています。 CheckBox1にチェックを入れるとTextBox1とTextBox2に入力された文字が次回起動時から記憶される、というものを作りたいです。 教えて下さい。

  • VB2008 textbox入力判断について

    こんばんは、いつもお世話になりました。 VB2008で "ストップワォッチ"と"タイムダウン"のプログラムを作っています。 要望: 1 TextBox1.textが入力しない時、ストップワォッチを実行 (OK) 2 TextBox1.textが入力する時、TextBox1.textの値からタイムダウンを実行 (OK) 3 TextBox1.textの値をクリアされた時、再度ストップワォッチを実行 4 TextBox1.textに文字列入力された時、数字に変更してから タイムダウンを実行 (例:全角12:56 →12:56) 5 TextBox1.textが入力エラーの場合は プログラムを抜け、何もしないこと 下記のソースでしたら、3と4,5はまだできていません。 宜しくお願いします。 ---------------------------------------------------- 'TextBox1.textが入力しない時、ストップワォッチを実行 If TextBox1.Modified = False Then Timer1.Enabled = True datStart = Now() Me.Button1.Enabled = False Me.Button3.Enabled = False End If 'TextBox1.textが入力する時、TextBox1.textの値からタイムダウンを実行 If TextBox1.Modified = True Then dTime = TextBox1.Text Timer2.Interval = 1000 Timer2.Enabled = True End If 'TextBox1.textの値を再度クリアされた時、ストップワォッチを実行 If Len(TextBox1.Text) = 0 Then TextBox1.Modified = False End If -------------------------------------------------------------- 以上

  • どれか1つでもチェックされていたら無効にする

    VB2010 7 Pro SP1 8つのチェックボックスと4つのラジオボタンがあり、チェックボックスにどれか1つでも チェックが入っていたらラジオボタンを無効にし、チェックが全部外れたら ラジオボタンを有効にしたいです。 下記のようなifで出来るかと思ったのですが、フォーム、ラジオボタン、チェックボックス どれに記述しても動きません。 どこに記述すればいいでしょうか? If CheckBox1.Checked Or CheckBox2.Checked Or CheckBox3.Checked Or CheckBox4.Checked Or CheckBox5.Checked Or CheckBox6.Checked Or CheckBox7.Checked Or CheckBox8.Checked Then RadioButton4.Enabled = False RadioButton6.Enabled = False RadioButton7.Enabled = False RadioButton8.Enabled = False Else RadioButton4.Enabled = True RadioButton6.Enabled = True RadioButton7.Enabled = True RadioButton8.Enabled = True End If

  • "System::Windows::Forms::TextBox"これはどうゆう機能かを調べることはできる?

    "Visual C++ 2008 Express Edition"を使い始めてまだ日が浅く、勉強が足りないのですが、 ”System::Windows::Forms::TextBox” このような記述の意味が全く分からないのですが、これの機能とかを調べるにはどうしたらよいのでしょうか?

  • エクセル VBA チェックボックスについて

    よろしくお願い致します。 OS:XP エクセル2003 VBAのことは、まったくの初心者です。 質問なのですが、下記のようなチェックボックス7にチェックが入れば、チェックボックス8~11に自由にチェックが入れれるようになり、逆にチャックボックス7にチェックが入ってない場合は、チェックボックス8~11のチェックはクリアされ、チェックできないものを作りました。 ここから、チェックボックス7にチェック入れたあとは、必ずチェックボックス9~11のどれかにチェックが入っている状態(ラジオボタンのような)で、チェックボックス7にチェックが入ってなかったら、8~11のチェックがクリアで尚且つ、チェックができなくなるようにするにはどうすればよいでしょうか? よろしくお願い致します。 Private Sub CheckBox7_Click() If CheckBox7.Value = True Then CheckBox8.Enabled = True CheckBox9.Enabled = True CheckBox10.Enabled = True CheckBox11.Enabled = True Else CheckBox8.Value = False CheckBox9.Value = False CheckBox10.Value = False CheckBox11.Value = False CheckBox8.Enabled = False CheckBox9.Enabled = False CheckBox10.Enabled = False CheckBox11.Enabled = False End If End Sub

  • Javascriptでの正規表現なのですが、以下の条件をチェックするにはどうすればいいのでしょうか?

    Javascriptでの正規表現なのですが、以下の条件をチェックするにはどうすればいいのでしょうか? (123)-123-1234 false 123 123 1234 false 123 123-1234 false (123) 123 1234 false 123-123-1234 true (123) 123-1234 true (123)123-1234 true どうぞよろしくお願いします。