ホームページ > 記事 > ウェブフロントエンド > js_javascript スキルに実装された単純なラジオの背景色セレクター コード
js_javascript スキルに実装された単純なラジオの背景色セレクター コード
- WBOYオリジナル
- 2016-05-16 15:44:311295ブラウズ
この記事の例では、js で実装された単純なラジオの背景色セレクターについて説明します。皆さんの参考に共有してください。詳細は以下の通りです。
ここで説明する JS は、ラジオ Web ページの背景色セレクターを実装しています。対応する色のラジオ ラジオ ボタンをクリックするだけで、Web ページの背景色を変更できます。これは、シンプルで便利で実用的な JavaScript Web ページの特殊効果です。 。
操作効果は以下の通りです:
オンライン デモのアドレスは次のとおりです:
http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/
具体的なコードは次のとおりです:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>radio颜色选择器</title> <body> <FORM METHOD="POST" NAME="bgcolor"> <font color="silver">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='silver'"><BR> <font color="lightslategray">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightslategray'"><BR> <font color="azure">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='azure'"><BR> <font color="lightgreen">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightgreen'"><BR> <font color="lightblue">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightblue'"><BR> <font color="white">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='white'"><BR> </form> </body> </html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。