• ベストアンサー

チェックボックスをチェックした時にボタンをアクティブにしたい

チェックボックスをチェックした時にform内のbuttonをアクティブにしたいのですが、どうすればいいでしょうか？ その時に、視覚的にもアクティブ化した事を判断できる為に、画像を変更したいのです。 チェックしていない時は、ボタンを押せないようにすることが目的なのですが、すいませんが、教えてください。

  • egtomo
  • お礼率59% (101/170)

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

『button』はボタンタグで、画像はbackground-imageになっているという仮定で… こんな感じ？（とりあえず画像はbtn1.gif/btn2.gifにしてあります） <html> <head> <script type="text/javascript"> function change(c) { var f = c.checked, btn = c.form.elements['btn1']; btn.disabled = f?false:true; f = f?'btn2.gif':'btn1.gif'; btn.style.backgroundImage = 'url(' + f + ')'; } </script> </head> <body> <form> <input type="checkbox" name="check1" onclick="change(this)">←ボタン制御用<br> <button type="button" name="btn1" disabled style="width:60px; height:24px; background-image:url(btn1.gif);"> </form> </body> </html>

egtomo
質問者

お礼

ありがとうございます。 解決しました。 ソースも書かずに質問して、すいませんでした。

その他の回答 (1)

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

ブレが大きくなりそうな質問なので具体的なソースを提示してください

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • チェックボックスで表示・非表示させたボタン

    すみませんＪavascriptについて全くの素人ですが、 チェックボックスをつくりチェックボックスの「利用規約に同意する」にチェックを入れると、表示するボタンからファイルをダウンロードさせたい。 下記のようにフリーのソースをｈｔｍｌに貼り チェックボックスをチェックでボタン表示まではできましたが そこから先、そのボタンからダウンロードさせるにはどうすればよいでしょうか？ <div> 利用規約に同意された方のみご利用可能。<br /> 利用規約に同意しますか？ <form> <input type="checkbox" name="agreement" value="1" onclick="this.form.btn.disabled=!this.form.btn.disabled" id="agreement"> <label for="agreement">同意する</label> <button type="submit" name="btn" disabled >ダウンロード</button> </form> </div> ダウンロードさせるファイルまでの相対パスは load/001.zipです。 全くの素人ですので簡単に記述できる ソースコードをどなたか教えていただけないでしょうか？ どうかよろしくお願い致しますm(_ _)m

  • チェックボックスに連動する画像ボタン

    webページで、チェックボックスにチェックを入れないとアクティブにならないロールオーバーボタン（画像）を設定したいのですが、方法がわかりません。 【チェックボックスにチェックが入っていない状態】 ボタンが反転しており、クリックで動作（ページ遷移）しない （ボタンがグレー状態になっているなど） 【チェックボックスにチェックが入っている状態】 ボタンが変化し、クリックで動作する （ボタンの画像が変わり、ロールオーバーも可能） このような形にしたいと思っています。 今のところ input typeがbutton だとうまくいくのですが input type image　で動作しないという状態です。

  • チェックボックスで指定したものをダウンロード

    JavaScriptの初心者です。 画像一枚毎にチェックボックスを作って、チェックした画像がダウンロードボタンをクリックすると保存されるようなＨＰを作りたいのですが、いろいろ調べているのですがどのようにすればよいのか見当がつきません。どうかご存じの方よろしくお願いします。 イメージは、フォトギャラリーのサムネイル画像の下にチェックボックスがあってチェックした画像のみダウンロードするという感じです。 ＣＧＩを使わずにできるかどうかも合わせてご教示いただけたらと思います。 <FORM NAME="form1"> <INPUT TYPE="checkbox" VALUE="1"> 画像(1) <INPUT TYPE="checkbox" VALUE="2"> 画像(2) <INPUT TYPE="checkbox" VALUE="3"> 画像(3) <INPUT TYPE="checkbox" VALUE="4"> 画像(4) <INPUT TYPE="checkbox" VALUE="5"> 画像(5)<BR> <INPUT TYPE="button" onClick="BoxChecked(true);" VALUE="ダウンロード"> </FORM>

  • チェックボックスのチェック

    チェックボックスのチェックして送信した後のページから送信前のページに戻るとチェックボックスがチェックされた状態でブラウザで表示されます 1 2ここにチェックを入れて削除すると 3 1 3戻るを押した時にここにチェックが入ってしまいます javascriptで戻るボタンをつくっていますが他にチェックが残らずにに戻る方法はありますか？ <input type=button value="戻る" onClick="history.back()"> よろしくお願いします

    • ベストアンサー
    • HTML
  • 複数のチェックボックス

    困ってます。 前回ボタンクリックでチェックボックス768個を全部ONにしたりOFFにしたりするプログラムを教えてもらい何とかできたのですが、768個のチェックボックスを1個1個押したときのプログラムを一つにまとめたい場合は、どうすればよかったのでしょうか。 前回教えてもらった物をヒントに作ったのですが思った動きをしません。 初心者にわかりやすく教えてもらえますか。 ボタンクリックと同じ場所に飛ばしているせいか 　Select Case DirectCast(sender, Button).Name のbuttonでエラーが出ることが分かっています。 ただいろいろやりましたがSelectCase文で行っても1個のチェックボックスには反応しますがほかのチェックボックスは無視します。 よろしくお願いします。

  • チェックボックスの値取得。formが入れ子に…

    ASPでの開発です。 データを一覧表示する画面で、データ1行の横に削除用のボタンがあります。 複数のデータを削除できるよう、その横にチェックボックスをつけたいと考えています。 ただ、そうすると構造が以下のように <form action="…"> <input type = "button" value="チェックした項目を一括で！"> <input type = "checkbox"> <form action "…"> <input type = "button" value="test"> </form> <input type = "checkbox"> <form action "…"> <input type = "button" value="test"> </form> </form> formが入れ子になり、うまく動作しません。 これを解消するにはどうしたら良いのでしょうか…？

  • ボタンを押すとチェックボックスにチェックが入るようにするにはどうすればいいですか？

    ボタンを押すと任意の文字列をコピーできるボタンを作成しました。 そのボタンの隣に、「ここまで終了した」という目安にチャックボックスをおいています。 そのチェックボックスを隣のボタンをおすとチャックが入るようにするにはどうすればよいのでしょうか？ よろしくお願いします。

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

    いつもお世話になっております。 タイトル通りなのですが テキストボックスに入力された時に、チェックボックスや ラジオボタンににチェックが付くような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属性を変更することは考えていません。 ご教示よろしくお願いいたします。

  • コマンドボタンとチェックボックスについて

    エクセルのシートにコマンドボタンが10個あるとします。 各コマンドボタンの隣にチェックボックスを配置して一つのボタンを押したらその横のチェックボックスにチェックが入るようにしたいです。 説明がうまくできないのですが補足はします。 よろしくお願いします。

  • チェックボックスとボタンの組み合わせによってリンク先を決める

    当方、script等にはまったく持って初心者です。 以下の仕様のJavascriptが作りたいのですが、全然わからないのです・・・。 チェックボックスAとボタンAを押す・・・・1のリンク先へ チェックボックスBとボタンAを押す・・・・2のリンク先へ チェックボックスCとボタンAを押す・・・・3のリンク先へ チェックボックスAとボタンBを押す・・・・4のリンク先へ チェックボックスBとボタンBを押す・・・・5のリンク先へ チェックボックスCとボタンBを押す・・・・6のリンク先へ 見た目的にはこんな感じです。 ------------------- □暇なときに回答ください □困ってます □すぐに回答ほしいです [Aボタン][Bボタン] ------------------- という感じです。 チェックボックスは複数選択する予定はありません。 （なので、チェックボックスではなく、ラジオボタンでも可です）。 チェックボックスを複数選択しない・・というとこへのツッコミはなしでお願いします＾＾； 何卒よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する