素材の壺
チェックボックスでボタンを動的に表示/非表示を切り替える〜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>

【サンプル】

コメント
お名前
本文

コメント一覧
投稿者 : daisuke
これはお手軽で良いですね。
参考になります。
2007/10/30 23:57
投稿者 : mori
手軽でよいのですが…Safariだとダメみたいですね。
2007/11/22 16:00
投稿者 : ino
>>moriさんへ
もしかしてmacのSafariだとダメなのでしょうか?
winのSafari3でチェックをしたところ問題なかったのですが・・・
ご報告ありがとうございました。
2007/11/22 20:57
投稿者 : mori
MacのSafariも3では大丈夫なんですが、2だとダメなんです。残念ながら…
2007/12/07 14:57
投稿者 : ino
>>moriさんへ
そうなんですかぁ。。。
うちのmacではsafariの実験出来ずなので、解決が難しいですね(^_^;

たびたびご報告ありがとうございます。
2007/12/11 09:39
投稿者 : mori
たびたび失礼します、moriです。ひとつ「補足」させていただきます。
OSを10.4.11にアップグレードをするとSafariも3.04にアップグレードされますが、アップグレード前に2.04をバックアップしておき、Mac OS X10.4.11環境でSafari2.04を使用してみた所、あれれ…私の報告が「ウソ」になってしまいました。Safari2.04でもキチンと動作します。Safari側の問題ではなく、OSのバージョンの問題だったのかもしれません。このあたりのことはまったく詳しくないので根拠のない発言ですが、ご報告まで。
2007/12/11 10:05
投稿者 : ino
>>moriさんへ
またまたご報告ありがとうございますm(__)m
環境によって色々あるんですねぇ。。Safari2.04でも動くとの事、一安心です。
今後もマイペースではありますが素材を追加していきますので、お気づきな点がありましたらまた書き込みお願いしますm(__)m
2007/12/14 20:35
投稿者
2007/10/24 22:03
TOPSiteMap
サイト内検索
PASS発行フォーム
Name

Site URL

 PASSとは?

TOP利用規約サイトマップリンクについてお問合せ│相互リンク[ 素材1 ][ 素材2 ][ 素材3 ][ HP制作 ]│
無料アフィリエイトツール「アフィーノ」