JavaScript(jQuery)+Font Awesomeでチェックボックス

JavaScript(jQuery)+Font Awesomeでチェックボックスを作ってチェックを入れるとフォームの送信ボタンを表示させるというものを作りました。
技術的にはチェックボックスがクリックされたらクリックされたアイコンに置き換えて送信ボタンを表示するというものです。

お知らせ(2017/11/18更新)

ライセンスとページを更新しました。
ライセンスは更新(2017/11/04)以前にダウンロードした方はライセンス無しで使用できます。

デモ

デモはこちらからご覧いただけます。

デモを見る

ダウンロード

ダウンロード版はデモ版と一部ソースが違います。

ライセンス

ykyuki 作『JavaScript(jQuery)+Font Awesomeでチェックボックス』はクリエイティブ・コモンズ表示 4.0 国際ライセンスで提供されています。

不具合の修正のお願い

デモ版では修正されていますが、ダウンロード版には不具合があります。
不具合はbuttonに設定したdiv要素で送信されたかを確認してたためボタンの横をクリックしても送信されたと検出されることがあります。
そのため、fromタグにidをつけ、
script.jsの11行目の
$('#submitbutton').click(function () { を
$('#form_id').submit(function () { に修正することによって不具合を修正できます。
form_idはform要素に指定したidに変更してください。

ダウンロードリンク

ダウンロードは以下のリンクからできます。
下記のファイルが含まれています

index.html
script.js
style.css

UTF-8：script.zip

作成:ykyuki.net