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

質問

webページで、チェックボックスにチェックを入れないとアクティブにならないロールオーバーボタン（画像）を設定したいのですが、方法がわかりません。

【チェックボックスにチェックが入っていない状態】
ボタンが反転しており、クリックで動作（ページ遷移）しない
（ボタンがグレー状態になっているなど）

【チェックボックスにチェックが入っている状態】
ボタンが変化し、クリックで動作する
（ボタンの画像が変わり、ロールオーバーも可能）

このような形にしたいと思っています。

今のところ
input typeがbutton だとうまくいくのですが
input type image　で動作しないという状態です。

回答No.1

fujillin · ベストアンサー

＞今のところ
＞input typeがbutton だとうまくいくのですが
＞input type image　で動作しないという状態です。
どのような方法で行なっていてうまくいったりいかなかったりするのかがわかりませんが、disabled属性を利用して無効化/有効化を制御する方法でうまくいきませんか？

お礼

遅くなりました。ありがとうございます！無事にできました。