JavaScript - jQuery UI: Extreme Form Makeover(creating a set of buttons)

Head First jQuery
(O'Reilly Media)
Ryan Benedetti(著), Ronan Cranley(著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox, Google Chrome(Webプラウザ)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc.(GUI) (Text Editor)
• JavaScript (プログラミング言語)

Head First jQuery(Ryan Benedetti(著)、Ronan Cranley(著)、O'Reilly Media)のChapter 10(jQuery UI: Extreme Form Makeover)、JQUERY UI MAGNETS(No. 5272)を解いてみる。

その他参考書籍

• Head First HTML and CSS
• Head First JavaScript Programming

JQUERY UI MAGNETS(No. 5272)

HTML%(BBEdit, Emacs)

<div id="type_select">
  <input type="radio" id="radio1" name="creature_type" value="Chupacabras" >
  <label for="radio1">Chupacabras</label>
  <input type="radio" id="radio2" name="creature_type" value="Jersey Devil">
  <label for="radio2">Jersey Devil</label>
  <input type="radio" id="radio3" name="creature_type" value="Loch Ness Monster">
  <label for="radio3">Loch Ness Monster</label>
  <input type="radio" id="radio4" name="creature_type" value="Sasquatch">
  <label for="radio4">Sasquatch</label>
</div>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/sunny/jquery-ui.css" />
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<script src="my_scripts5272.js"></script>

JavaScript(BBEdit, Emacs)

$('#type_select').buttonset();

Chupacabras Jersey Devil Loch Ness Monster Sasquatch