- ベストアンサー
特定のボタンをdisabledする
こんにちは。早速ですが <input type="button" ～>で、nameを指定し、 Javascriptから特定のボタンのみ、押せないようにしたいのですが、 function btnStop(){ document.forms[0].[name属性でつけた名前].disabled = false; ・ ・ ・ } で動作しません。ちなみにひとつのフォーム内に複数のボタンなどが混在するタイプです。 なにか間違いがあれば教えていただけると嬉しいです・・ よろしくお願いします。
- kumakichisan
- お礼率63% (19/30)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
=false; でなくて =true; だと思います。
その他の回答 (1)
- saaya_holic
- ベストアンサー率23% (46/195)
document.forms[0].[name属性でつけた名前].disabled = true;event.returnValue = false; でどうでしょうか。
お礼
解決しました。ありがとうございました。 おそくなりまして申し訳ありません。
関連するQ&A
- ボタンを動的にdisabledさせたいのですが
お世話になります。 ある画面に複数ボタンがあって 押されたボタンをdisabledにしたいなと思っています。 ただしどのボタンがおされても同じ関数に飛んでほしいのですが いまいち解決できません。 <form name="form"> <input type="button" name="syori1" value="ボタン1" onClick="javascript:hogehoge()"> <input type="button" name="syori2" value="ボタン2" onClick="javascript:hogehoge()"> <input type="button" name="syori3" value="ボタン3" onClick="javascript:hogehoge()"> </form > とあった場合 function hogehoge(){ document.form.ボタンの名前.disabled=true; } としたいのですが 名前の部分は動的に変えることは可能なのでしょうか？ 普通に document.form.syori1.disabled=true; と書けば簡単なのですが、ボタンの数が決まっていないためボタン名を指定して書くことはできません。 ボタン名は onClick="javascript:hogehoge(document.form.ボタンの名前.name)" で、送ることができるのは確認したのですが hogehoge(ボタンの名前) の方でどうやってdisabledのところに入れればいいか解りません。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- 押したボタンをdisabledにしたい。
ボタンを押したときに、 ボタンの表示を 灰色表示（disabled）に切り替えて、 押せないようにするには、 どうすればいいんでしょうか？ ちなみにボタンはテーブルの中に入っています。 かなり省略したサンプルですが、 下に書き出しました。 <head> <script language="javascript"> <!-- function haiiro(){ alert("今、いま！ボタンをdisabled にできるといいな。"); } --> </script> </head> <body> <table> <tr> <td> <form name="frm"> <input name="btn" type="button" value="ボタン" onclick="haiiro();"> </form> </td> </tr> </table> </body>
- ベストアンサー
- JavaScript
- disabledの点で。
このソースを開いて、更新ボタンをクリックすると、 ２の方のテキストボックスが半透明になりますが、それは半透明にしないようにすることは可能なのでしょうか。 お願いします。 <html> <head> <title></title> <script language="JavaScript"> <!-- function setTF(){ if(document.form1.text1.value=="") document.form1.text2.disabled = true; else document.form1.text2.disabled = false; } //--> </script> </head> <body> <form name="form1"> １<INPUT type="text" name="text1" onChange="setTF()"> ２<INPUT type="text" name="text2" disabled> <INPUT type="submit" value="登録" onClick="return setTF()" name="submit"> </form> </body> </html>
- ベストアンサー
- JavaScript
- Firefoxのdisabledプロパティのバグ？
複数のラジオボックスがあり、すべてのラジオボタンで 「YES」がチェックされた時にだけ、submitボタンが 有効になるようJavaScriptで制御できればと思ってます。 素人ながら以下のようなJavascriptにしたところ、 IEやSafari、Chromeでは意図した通り動作しましたが、 ただFirefoxのみボタンがdisabledになったまま有効になりませんでした。 解決策がわかる方がいらっしゃればご教授お願いできればと思います。 よろしくお願い致します。 <script type="text/javascript"> <!-- function check() { if (form1.radio1[0].checked && form1.radio2[0].checked && form1.radio3[0].checked) { form1.send.disabled = false; } else { form1.send.disabled = true; } } ; //--> </script> <form name="form1"> <input type="radio" name="radio1" value="1" >YES <input type="radio" name="radio1" value="2">NO <input type="radio" name="radio2" value="1">YES <input type="radio" name="radio2" value="2">NO <input type="radio" name="radio3" value="1" onClick="check()">YES <input type="radio" name="radio3" value="2">NO <input type="button" name="send" value="GO" onclick="location.href='hogehoge.html'" disabled="disabled"> </form>
- 締切済み
- JavaScript
- JavaScriptのdisabledがうまく動かない
以下のソースで、JSの箇所（disabled）だけですと動くのですが、送信フォームを追加すると、エラーになってしまいます。 <HTML> <HEAD> <TITLE></TITLE> <script language=javascript1.2> <!-- function textboxdisable(state){ var len = document.forms["form1"].f_level2.length; for(var i=0;i<len;i++) {document.forms["form1"].f_level2[i].disabled=!state;} } //--> </script> <input type="submit" value="送信"> <FORM action="test.html" method="POST" target="_blank"> <form name=form1> <tr><td align="right"> <input type="checkbox" name="f_level" value="f_level" onclick="textboxdisable(this.checked)">登録レベル</td> <td><input type="radio" name="f_level2" value="main" disabled>主メール <input type="radio" name="f_level2" value="sub" disabled>サブメール</td></tr> </form> </BODY> </HTML> どこが悪いのか、もうかれこれ半日考えています・・ 分かる方いらっしゃいましたら、教えていただけますでしょうか。
- ベストアンサー
- JavaScript
- disabledの点で。２
また同じソースでの質問なのですが、以下のようなソースで、１のテキストボックスに過去に入力したもの（プルダウンみたいに下がって出てくる履歴のようなもの）を選択すると、２の方の入力ができなくなります。履歴の数字を入れても２の方に記入できるようにするにはどのようにしたら良いのでしょうか。また、これらの処理を行うとき、onChange以外のものを使ってできるのでしょうか？大変困っております、よろしくお願いします。 <html> <head> <title></title> <script language="JavaScript"> <!-- function setTF(){ if(document.form1.text1.value=="") document.form1.text2.disabled = true; else document.form1.text2.disabled = false; } //--> </script> </head> <body> <form name="form1"> １<INPUT type="text" name="text1" onChange="setTF()"> ２<INPUT type="text" name="text2" disabled> <INPUT type="submit" value="登録" onClick="return setTF()" name="submit"> </form> </body> </html>
- ベストアンサー
- JavaScript
- クリアボタンの動作について
ご存知の方、ご教授くださいm(__)m 現在、画面上で入力された項目を消去するためにクリアボタンを設置しています。 フォーム中の、 ・通常のテキストボックスの内容：消去 ・disabledのテキストボックスの内容：消去せずそのまま ・チェックボックスはchecked=falseにする としたいと考えているのですが、javascriptでうまく動かせていません。今書いているコードは下記のようなものです。 $(document).ready(function () { $('.buttons :button[name=clear]').click(function() { $('.inputs :input:visible').val(''); return false; }); これを改良してうまく動くようにすることは可能でしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 2度押し防止ボタン
HTML5 + CSS3 でスマートフォンゲームを作っています。 回線が混雑している状況でボタンを2度押ししても1回しかカウントされないボタンを作りたいと考えています。 【基本的な知見】 下記であれば要望に沿ったボタンになります。(ボタンはCSS3の標準ボタンを使用) <form action="form.cgi" method="post"> <input type="hidden" name="point" value="1" /> <SCRIPT TYPE="text/javascript"> <!-- //submitの2度押し防止 function disableButton(){ document.form1.button1.disabled = true; submitForm(); } function submitForm(){ document.form1.submit(); } // --> </SCRIPT> <input type="button" value="購 入" onClick="disableButton()" name="button1"> </form> 【やりたいこと】 「ボタンに数量を表示したいことと、ボタン上の数値表記とCGIに渡すvalueが異なることがある」ため、CSS3の標準ボタンを止め下記のオリジナルCSSのボタンを使用します。 <button class="button8" type="submit" name="point" value="1050" onClick="disableButton()"><div>50ポイント</div></button> このオリジナルCSSのボタンを使用した場合の2度押し防止のjavascriptはどのように改造すればいいか教えてください。 上記に示したjavascriptの 「document.form1.button1.disabled = true;」のbutton1をpointに変更したところ、数値をCGIに渡せませんでした。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 特定のラジオボタンが選択されたらテキストフィールドを入力可
下のような6つのラジオボタンと1つのテキストフィールドのあるフォームがあります。 「あ・い・う・え・お」のラジオボタンが選択されたらテキストフィールドをdisabledに、「か」なら入力可能にしたくて、JavaScriptで次のように記述しました。 一応動作しているように見えるのですが、見よう見まねで書いた初めてJavaScriptなので大丈夫なのか不安です。これで良いのでしょうか。 function txtClose () { if (document.f_frm.motive[5].checked) { document.f_frm.motive_add.disabled = false; } else { document.f_frm.motive_add.disabled = true; } } <form name="f_frm"> <input type="radio" name="motive" value="あ" onclick="txtClose();" />あ<br /> <input type="radio" name="motive" value="い" onclick="txtClose();" />い<br /> <input type="radio" name="motive" value="う" onclick="txtClose();" />う<br /> <input type="radio" name="motive" value="え" onclick="txtClose();" />え<br /> <input type="radio" name="motive" value="お" onclick="txtClose();" />お<br /> <input type="radio" name="motive" value="か" onclick="txtClose();" />か<br /> <input type="text" name="motive_add" size="20" maxlength="40" onclick="txtClose();" /> </form>
- ベストアンサー
- JavaScript
- JqueryMobileでフォームボタンを非表示
JqueryMobileを使用している環境下でフォームボタンを非表示にする方法を探しています。 以下はID1の消去ボタンをクリックすると、ID2のボタンが消えることを期待しているものです。 しかし、ID2のボタンは消えませんでした。 どのような方法で、フォームボタンを非表示にできるのでしょうか。 なお、JqueryMobileを使用していない環境では、 問題なくID2のボタンが非表示になることを確認していますので、 JqueryMobile使用時のJavascriptの制限が何かしらありそうなのですが・・・。 <form name="myForm" action="#"> <input type="button" value="消去" name="button1" id ="1" onclick="a()"> <input type="button" value="消えるボタン" name="button2" id ="2" > </form> <script type="text/javascript"> <!-- function a(){ var n = document.getElementById("#2"); n.style.visibility = "hidden"; $('#2').button('refresh'); } // --> </script>
- ベストアンサー
- JavaScript
お礼
解決しました。ありがとうございました。 おそくなりまして申し訳ありません。