ボタンのvalueを変更したい

このQ&Aのポイント
  • JavaScriptを使用してボタンのvalueを変更する方法を教えてください。
  • Mac-NC4.7でボタンのvalueを変更する方法が動作しないのですが、他の方法がありますか?
  • 全ての環境でボタンのvalueを変更できるようにするための方法を教えてください。
回答を見る
  • ベストアンサー

ボタンのvalueを変更したい

ボタンが押されるとvalueを変更して表示したいので JavaScriptでvalueを上書きするようにしてみました Win:NC4.75,IE5.5 Mac:IE5 では動作するのですが MAC-NC4.7でだけ動作してくれません。 全ての環境で表示を切り替えれるようにしたいのですが 他にボタンの表示を書き換える方法等、あるでしょうか? 以下が私の書いたソースです。 --------------------------------------- <HTML>  <SCRIPT>   function chgButton()   {    document.act.auto.value = "中断";    return;   }  </SCRIPT>  <BODY>   <FORM name="act">    <INPUT type="button" value="再生" name="auto" onClick="chgButton();return false;">  </BODY> </HTML>

  • youhi
  • お礼率83% (20/24)

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

  • ベストアンサー
  • inoue64
  • ベストアンサー率29% (334/1115)
回答No.1

</FORM>がありません。

youhi
質問者

お礼

大変申し訳ありませんでした。 書き忘れてました。 申し訳ないです。

youhi
質問者

補足

ご指摘にあったように</FORM>タグも足してみましたがやっぱり MAC-NC4.7ではボタンの表示を変更する事ができなかったです。 以下が</FORM>タグを挿入したソースです。 う~ん。。。 ------------ <HTML> <SCRIPT> function chgButton() { document.act.auto.value = "中断"; return; } </SCRIPT> <BODY> <FORM name="act"> <INPUT type="button" value="再生" name="auto" onClick="chgButton();return false;"> </FORM> </BODY> </HTML>

その他の回答 (4)

  • inoue64
  • ベストアンサー率29% (334/1115)
回答No.5

・chgButton() の returnを取るのはどうでしょうか。 --------- <HTML>  <BODY>   <SCRIPT>    function chgButton()    {     document.act.auto.value = "中断";    }  </SCRIPT>   <FORM name="act">    <INPUT type="button" value="再生" name="auto" onClick="chgButton();"> </FORM>  </BODY> </HTML> --------- ・<BODY>の前に  <HEAD><TITLE>~</TITLE></HEAD>を入れてみてはどうですか。 >締め切りボタンを押してもボタンの反応がないんです 別の時間に試したらどうですか。

  • inoue64
  • ベストアンサー率29% (334/1115)
回答No.4

NC4.7のJavascript設定が無効になっている場合があります。 編集-設定-詳細のあたりで、設定してください。

youhi
質問者

お礼

う~ん確認しましたがそういうことでもないようです。。 すいません。有難うございます。。。。

youhi
質問者

補足

すいません。何度も回答してもらって、 そろそろ諦めてポイントを発行しようかと思っているのですが 私の環境では何故か(おそらく教えてgoo!のバグ) 質問を締め切ってポイントを発行しようとして 締め切りボタンを押してもボタンの反応がないんです。 そのため質問を締め切れません。 gooに質問のメールを書いたので その返事がくるまでポイント発行はまっておいてください。

  • inoue64
  • ベストアンサー率29% (334/1115)
回答No.3

return false; を消してみるのはどうでしょうか。

youhi
質問者

お礼

ご解答有難うございます。 しかし動作は変わらなかったです。 。。。。。。。。。。。。。。。。 ・・・もう諦めます。inoue64さんさりがとうございました。

  • inoue64
  • ベストアンサー率29% (334/1115)
回答No.2

<SCRIPT>~</SCRIPT>を<BODY>の中に入れてみてはどうですか。

youhi
質問者

お礼

御回答ありがとうございます。 しかし試しみたところ特に動作は変わらなかったです。 う~むぅ。。。。。。

関連するQ&A

  • JavaScript動作仕様の変更!?

    以前は動作していたものが最近のIEパッチ(?)で動作しなくなった気がします。もし解決方法があれば教えて下さい! ------------------------------------- <HTML> <HEAD> <TITLE></TITLE> <SCRIPT type="text/javascript"> <!-- function test() { document.form.submit(); } function test2() { alert( "!!" ); return true; } --> </SCRIPT> </HEAD> <BODY> <FORM name="form" onSubmit="return test2()"> <INPUT type="button" value="おす" onClick="test()"> </FORM> </BODY> </HTML> ------------------------------------- 以前だと、JavaScriptでのsubmit()コマンドで、きちんとonSubmitイベントも動作していたハズなんですが、ここ数日でボタン部分を <INPUT type="submit" value="おす"> としないとonSubmitイベントが動作しなくなった様に思えます。ここ数日でWindowsUpdateした端末数台でチェックしましたが同様でした。

  • #1ボタンと#2ボタンで分岐処理をしたい。

    #1ボタンが押されたらAの処理を、#2ボタンが押されたらBの処理をさせたいので、次のスクリプトを書きましたが、実行すると Notice: Undefined index が出て何も動きません。 1 <HTML><BODY> 2 <input type="submit" name="are" value="#1ボタン" > 3 <input type="submit" name="kore" value="#2ボタン" > 4 <?php 5 $are=isset($_POST["are"])? $_POST["are"] : null; 6 $kore=isset($_POST["kore"])? $_POST["kore"] : null; 7 if($_POST["are"]){ echo ("あれや"."<br />"); 8 } 9 if($_POST["kore"]){ echo ("これや"."<br />"); 10 } 11 ?> 12 </BODY></HTML> どのようにして目的の動作をさせれば良いでしょうか?

    • ベストアンサー
    • PHP
  • チェックボックスのON/OFFに連動してラジオボタンのdisabledを解除

    下記の動作をする checkfunc(); の書き方をご教示ください. <html> <head> <script type="text/javascript"> checkfunc() </script> </head> <body> <form name="myform"> <input type="checkbox" name="yesno" value="1">チェックボックス <input type="radio" name="rdo1" value="0">ラジオボタン0 <input type="radio" name="rdo1" value="1">ラジオボタン1 <input type="radio" name="rdo1" value="2">ラジオボタン2 <input type="radio" name="rdo1" value="3">ラジオボタン3 <input type="radio" name="rdo1" value="4">ラジオボタン4 </form> </body> </html> (1) このHTMLのラジオボタン5つは,最初は全てdisabledです. (2) チェックボックスがされたらラジオボタングループが有効になるようにしたいです. (3) 逆に,チェックが外れたらラジオボタンはdisabledに戻ります. (4) このjavascriptは,PHPファイルに組み込みますが.表示時にDBを読み込んでどれに  チェック/選択されていたかによって,checkboxやradioに「checked」を追記します.  その場合,enabled/disablesの関係に矛盾がないようにもしたいですが,  <body>に onload="checkfunc();" と入れればいいでしょうか? なお,IE以外のブラウザでも動作できると大変助かります.よろしくお願い致します.

  • submitボタン上の文字とvalue=の数字

    CSS3 + HTML5 でゲームを作っています。 Formのsubmitボタンを設置する必要があるのですが、ボタン上に表示する文字とvalue=の文字を分ける必要があります。 <input type="submit" name="point" value="送信する"> 上記では本来であれば数値を入れたいvalue=に、「ボタン上に表示する文字」を入れなければならないため使えません。 <button type="submit" name="point" value="10050">購入する</button> であれば、valueに数値を置き、ボタン上に文字を置けるため当方のニーズに叶うのですが、HTML5上で見るとボタンの大きさが<input type="submit>の3分の1くらいになってしまいます。 従い<button type="submit" name="point" value="10050">購入する</button> のボタンの大きさを変更する方法がわかればいいと思いますが、この方法でなくても構いません。 HTML5上で、当方のニーズに合うボタンを作るためにはどうしたらいいでしょうか?

    • ベストアンサー
    • HTML
  • フォームのvalueを変更する方法

    下記はjavaScriptで書いたものですが、javaScriptが有効になっていないと機能しないので perlで同じことをやりたいのですが、フォームのvalueを変更する方法とinnerHTMLの様なボタンをクリックするとテキストを変更する方法が分かりません。 ヒントでも良いので教えていただけませんか? <HTML> <HEAD><SCRIPT language="JavaScript"> <!-- function nextA(){ var data = document.formA.data.value; data++; document.formA.data.value = data; } //--> function nextB(){ var data = document.formB.data.value; data++; document.formB.data.value = data; document.getElementById("print").innerHTML = data; } //--> </SCRIPT> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </HEAD> <BODY> <FORM name="formA"> <input name="data" value="1"> <INPUT type="button" value="足す" onclick="nextA()"> </FORM> <FORM name="formB"> <SPAN id="print">1</SPAN> <INPUT type="button" value="足す" onclick="nextB()"> <INPUT type="hidden" name="data" value="1" > </FORM> </BODY> </HTML>

    • ベストアンサー
    • CGI
  • ラジオボタンの値を・・・・・

    <html> <head> <script language="javascript"> function osu(){ document.form1.text1.value=document.form1.radio1.value; } </script> </head> <body> <form name="form1"> <input type="radio" name="radio1" value="男" checked>男 <input type="radio" name="radio1" value="女">女 <input type="button" value="押す" onClick="osu()"> <input type="text" name="text1"> </form> </body> </html> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 上記のプログラムは、選択されたラジオボタンの値をテキストボックスに表示させるプログラムなんですが、何故かラジオボタンの値が表示されず、「undefined」というのが表示されます。 どうすれば、「男」または「女」という値を表示させることができますか? ちなみにこれは、「○○○.html」で保存します

  • 送信データの受け取りについて

    ご教授願います。 ページ1からMETHOD="get"で値をSubmitして ページ2で受信したいのですが、 ページのURLバーのアドレスの最後に「?ACT=3」と 記載されているにもかかわらず、 ページ2内での$_get['ACT']で 値を拾えませんし、$ACTも確認できません。 どの様な原因が考えられるのでしょうか。 <環境> IE 7.0.5730.13 PHP 5.2.6 <プログラム> *ページ1 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"> <script type="text/javascript"><!-- function Cli_Submit(){ ListForm.action = "Test_submit2.php"; ListForm.submit(); } // --></script> </head> <BODY> <FORM NAME="ListForm" METHOD="get"> <TD><INPUT TYPE="text" NAME="ACT"></TD> <TD><INPUT TYPE="button" VALUE="Submit" onClick="Cli_Submit()"> </FORM></BODY></HTML> *ページ2 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"> <script type="text/javascript"><!-- // --></script> </head> <BODY> <FORM NAME="ListForm" METHOD="post"> <TD><INPUT TYPE="text" NAME="ACT" VALUE="<?php print $_get['ACT'] ?>"></TD> <TD><INPUT TYPE="button" VALUE="Submit" onClick="Cli_Submit()"> </FORM></BODY></HTML>

    • 締切済み
    • PHP
  • 未入力のラジオボタンに、alertを表示したい。

    過去問を見て、応用しようとしましたがうまくゆきません。 超初心者ですので・・・ すいません、質問させてください。 WinXP、IE6を使っています。 下記のソースコード(簡略化しています)で、未入力の場合テキストではalertが表示されるのですが、ラジオボタンでは表示されません。 どう記述すれば表示されるのでしょうか? お分かりの方、教えてください。 よろしくお願いします。 <html> <head> <title>お申し込み</title> <script language="JavaScript"> <!-- function checkSubmit() { if (document.form1.Name.value == "") { alert("お名前をご入力ください!"); return false; } if (confirm("この内容で送信します。\nよろしいですか?") == false) { return false; } return true; } //--> </script> </head> <form name="form1" method="post" action="http://www.000/" onSubmit="return checkSubmit()"> お名前:<input type="text" name="Name" size="20"> 男性<input type="radio" name="Seibetu" value="Man"> 女性<input type="radio" name="Seibetu" value="Woman"> <input type="submit" value="お申し込み"> </form> </body> </html>

  • 二度押し禁止と戻るボタン firefoxとopera等でうまくいきません

    フォームボタンの二度押しを禁止するjavascriptをいろいろな人に助けられて作りました。ページが遷移する次のページに前の画面に戻るボタンとして <input type="button" value="戻る" onclick="history.back()"> を記述すると そのボタンを押して前のページに戻ってくると、どのフォームボタンを押してもfirefoxやopera、Macのsaffariでは二度押し禁止のscriptが立ち上がってしまい画面を閉じるしか方法がなくなってしまいます。 IEではうまくいってたので何かよい解決策が無いか教えてください。 Javascriptは下記のようにしています。 <HTML> <head> <title>サンプル</title> <script language="JavaScript"> var submitcount = 0; function Check() { if (submitcount > 0) { alert("二度押ししないでね。"); return false; } else { submitcount++; return true; } } </script> </head> <body> <Form Method="Post" Action="・・・・" onSubmit="return Check()"> <p> 入力 <input type="text" name="sample"></P> <br> <Input Type="Submit" Value="次へ"> </Form> </body> </HTML> 遷移先のページも同じスクリプトが書かれたフォームがあると仮定してください。そこに戻るボタンの <input type="button" value="戻る" onclick="history.back()"> があるといった感じです

  • フォームボタンのvalueを渡すにはどうしたらいいのでしょうか?

    下記のソースのように「word」というテキストフィールドの 入力チェック後ボタンのvalueをword.phpに渡したいのですがどのようにしたらいいのでしょうか? 入力チェックをせず input type="button"ではなくinput type="submit" にするとword.phpに渡せるのですが・・・ ようはA、B、Cそれぞれのボタンを押した時で word.phpでbtnのvalueをPOSTで受け取り 処理をvalue A、B、Cで分岐させたいんです。 よろしくお願いします。 <html> <head> <SCRIPT language="JavaScript"> <!-- function chk(chkfrm){ var tmp = chkfrm.word.value.length; if(tmp > 50 ){ alert("文字数が多すぎます"); } else{ chkfrm.submit(); } } //--> </SCRIPT> </head> <body> <form name="form" method="post" action="word.php"> <input name="word" type="text" id="word"> <input type="button" name="btn" value="A" onclick="chk(this.form);"> <input type="button" name="btn" value="B" onclick="chk(this.form);"> <input type="button" name="btn" value="C" onclick="chk(this.form);"> </form> </body> </html>