素材の壺

チェックボックスでボタンを動的に表示/非表示を切り替える〜javascript

チェックボックスでボタンを動的に表示/非表示を切り替える〜javascript

【概要】

規約同意ページを作る時などに便利な、チェックボックスでボタンを動的に表示/非表示を切り替えるjavascript。

【サンプルコード】
<form>
<input type="checkbox" name="agreement" value="1" onclick="this.form.btn.disabled=!this.form.btn.disabled" id="agreement"> <label for="agreement">同意する</label>
<br />
<button type="submit" name="btn" disabled>送信</button>
</form>

【サンプル】

コメント(8)

これはお手軽で良いですね。
参考になります。

手軽でよいのですが…Safariだとダメみたいですね。

>>moriさんへ
もしかしてmacのSafariだとダメなのでしょうか?
winのSafari3でチェックをしたところ問題なかったのですが・・・
ご報告ありがとうございました。

MacのSafariも3では大丈夫なんですが、2だとダメなんです。残念ながら…

>>moriさんへ
そうなんですかぁ。。。
うちのmacではsafariの実験出来ずなので、解決が難しいですね(^_^;

たびたびご報告ありがとうございます。

たびたび失礼します、moriです。ひとつ「補足」させていただきます。
OSを10.4.11にアップグレードをするとSafariも3.04にアップグレードされますが、アップグレード前に2.04をバックアップしておき、Mac OS X10.4.11環境でSafari2.04を使用してみた所、あれれ…私の報告が「ウソ」になってしまいました。Safari2.04でもキチンと動作します。Safari側の問題ではなく、OSのバージョンの問題だったのかもしれません。このあたりのことはまったく詳しくないので根拠のない発言ですが、ご報告まで。

>>moriさんへ
またまたご報告ありがとうございますm(__)m
環境によって色々あるんですねぇ。。Safari2.04でも動くとの事、一安心です。
今後もマイペースではありますが素材を追加していきますので、お気づきな点がありましたらまた書き込みお願いしますm(__)m

sfdsfdsg

コメントする

名前
電子メール
URL
コメント
サイト内検索
TOP利用規約リンクについてお問い合わせ│相互リンク[ 素材1 ][ 素材2 ][ 素材3 ][ HP制作 ]│
無料アフィリエイトツール「アフィーノ」