<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form id="shopping" class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="vanity_base_type">Select base vanity type:</label> <div class="col-md-4"> <div class="radio"> <label for="vanity_base_type-0"> <input name="vanity_base_type" id="vanity_base_type-0" value="1" checked="checked" type="radio"> Regular vanity( straight cabinets) </label> </div> <div class="radio"> <label for="vanity_base_type-1"> <input name="vanity_base_type" id="vanity_base_type-1" value="2" type="radio"> Drawers </label> </div> <div class="radio"> <label for="vanity_base_type-2"> <input name="vanity_base_type" id="vanity_base_type-2" value="3" type="radio"> Sink </label> </div> <div class="radio"> <label for="vanity_base_type-3"> <input name="vanity_base_type" id="vanity_base_type-3" value="4" type="radio"> Vanity with drawers </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="vanity_base_vanity_with_drawers_type">Select base vanity with drawers type::</label> <div class="col-md-4"> <div class="radio"> <label for="vanity_base_vanity_with_drawers_type-0"> <input name="vanity_base_vanity_with_drawers_type" id="vanity_base_vanity_with_drawers_type-0" value="1" checked="checked" type="radio"> Left </label> </div> <div class="radio"> <label for="vanity_base_vanity_with_drawers_type-1"> <input name="vanity_base_vanity_with_drawers_type" id="vanity_base_vanity_with_drawers_type-1" value="2" type="radio"> Right </label> </div> <div class="radio"> <label for="vanity_base_vanity_with_drawers_type-2"> <input name="vanity_base_vanity_with_drawers_type" id="vanity_base_vanity_with_drawers_type-2" value="3" type="radio"> Left and Right </label> </div> <div class="radio"> <label for="vanity_base_vanity_with_drawers_type-3"> <input name="vanity_base_vanity_with_drawers_type" id="vanity_base_vanity_with_drawers_type-3" value="4" type="radio"> Middle </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="vanity_base_sink_type">Select base vanity sink cabinet type:</label> <div class="col-md-4"> <div class="radio"> <label for="vanity_base_sink_type-0"> <input name="vanity_base_sink_type" id="vanity_base_sink_type-0" value="1" checked="checked" type="radio"> Straight(regular) </label> </div> <div class="radio"> <label for="vanity_base_sink_type-1"> <input name="vanity_base_sink_type" id="vanity_base_sink_type-1" value="2" type="radio"> Curved </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="vanity_wall_type">Select vanity wall type cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="vanity_wall_type-0"> <input name="vanity_wall_type" id="vanity_wall_type-0" value="1" checked="checked" type="radio"> Counter </label> </div> <div class="radio"> <label for="vanity_wall_type-1"> <input name="vanity_wall_type" id="vanity_wall_type-1" value="2" type="radio"> Medicine </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="vanity_tall_type">Select vanity tall cabinet type:</label> <div class="col-md-4"> <div class="radio"> <label for="vanity_tall_type-0"> <input name="vanity_tall_type" id="vanity_tall_type-0" value="1" checked="checked" type="radio"> Linen Pantry </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="vanity_accessories_type">Select vanity accessories type:</label> <div class="col-md-4"> <div class="radio"> <label for="vanity_accessories_type-0"> <input name="vanity_accessories_type" id="vanity_accessories_type-0" value="1" checked="checked" type="radio"> Vanity Mirror </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="vanity_type">Select vanity cabinets type:</label> <div class="col-md-4"> <div class="radio"> <label for="vanity_type-0"> <input name="vanity_type" id="vanity_type-0" value="1" checked="checked" type="radio"> Base </label> </div> <div class="radio"> <label for="vanity_type-1"> <input name="vanity_type" id="vanity_type-1" value="2" type="radio"> Wall </label> </div> <div class="radio"> <label for="vanity_type-2"> <input name="vanity_type" id="vanity_type-2" value="3" type="radio"> Tall </label> </div> <div class="radio"> <label for="vanity_type-3"> <input name="vanity_type" id="vanity_type-3" value="4" type="radio"> Acessories </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="category">Select kitchen cabinet category:</label> <div class="col-md-4"> <div class="radio"> <label for="category-0"> <input name="category" id="category-0" value="1" checked="checked" type="radio"> Base </label> </div> <div class="radio"> <label for="category-1"> <input name="category" id="category-1" value="2" type="radio"> Wall </label> </div> <div class="radio"> <label for="category-2"> <input name="category" id="category-2" value="3" type="radio"> Tall </label> </div> <div class="radio"> <label for="category-3"> <input name="category" id="category-3" value="4" type="radio"> Accessory </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="base">Select type of the base cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="base-0"> <input name="base" id="base-0" value="1" checked="checked" type="radio"> Single Door </label> </div> <div class="radio"> <label for="base-1"> <input name="base" id="base-1" value="2" type="radio"> Double Door </label> </div> <div class="radio"> <label for="base-2"> <input name="base" id="base-2" value="3" type="radio"> Four Door </label> </div> <div class="radio"> <label for="base-3"> <input name="base" id="base-3" value="4" type="radio"> Drawer </label> </div> <div class="radio"> <label for="base-4"> <input name="base" id="base-4" value="5" type="radio"> Corner </label> </div> <div class="radio"> <label for="base-5"> <input name="base" id="base-5" value="6" type="radio"> Sink </label> </div> <div class="radio"> <label for="base-6"> <input name="base" id="base-6" value="7" type="radio"> End </label> </div> <div class="radio"> <label for="base-7"> <input name="base" id="base-7" value="8" type="radio"> Accessories </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_fillers_type">Select accessies filler type</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_fillers_type-0"> <input name="acessories_fillers_type" id="acessories_fillers_type-0" value="1" checked="checked" type="radio"> Base </label> </div> <div class="radio"> <label for="acessories_fillers_type-1"> <input name="acessories_fillers_type" id="acessories_fillers_type-1" value="2" type="radio"> Wall </label> </div> <div class="radio"> <label for="acessories_fillers_type-2"> <input name="acessories_fillers_type" id="acessories_fillers_type-2" value="3" type="radio"> Tall </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_valences_type">Select valences type:</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_valences_type-0"> <input name="acessories_valences_type" id="acessories_valences_type-0" value="1" checked="checked" type="radio"> Frieze </label> </div> <div class="radio"> <label for="acessories_valences_type-1"> <input name="acessories_valences_type" id="acessories_valences_type-1" value="2" type="radio"> Arched </label> </div> <div class="radio"> <label for="acessories_valences_type-2"> <input name="acessories_valences_type" id="acessories_valences_type-2" value="3" type="radio"> Grand- arched </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_decorative_acessories_type">Select decorative acessories type</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_decorative_acessories_type-0"> <input name="acessories_decorative_acessories_type" id="acessories_decorative_acessories_type-0" value="1" checked="checked" type="radio"> Post </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_type-1"> <input name="acessories_decorative_acessories_type" id="acessories_decorative_acessories_type-1" value="2" type="radio"> Rosette block </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_type-2"> <input name="acessories_decorative_acessories_type" id="acessories_decorative_acessories_type-2" value="3" type="radio"> Corbel </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_type-3"> <input name="acessories_decorative_acessories_type" id="acessories_decorative_acessories_type-3" value="4" type="radio"> Leaf onlay </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_type-4"> <input name="acessories_decorative_acessories_type" id="acessories_decorative_acessories_type-4" value="5" type="radio"> Shell overlay </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_type-5"> <input name="acessories_decorative_acessories_type" id="acessories_decorative_acessories_type-5" value="6" type="radio"> Keystone </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_type-6"> <input name="acessories_decorative_acessories_type" id="acessories_decorative_acessories_type-6" value="7" type="radio"> Round ornament decor </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_type-7"> <input name="acessories_decorative_acessories_type" id="acessories_decorative_acessories_type-7" value="8" type="radio"> Leaf ornament decor </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_decorative_acessories_post_type">Select decorative acessories post type</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_decorative_acessories_post_type-0"> <input name="acessories_decorative_acessories_post_type" id="acessories_decorative_acessories_post_type-0" value="1" checked="checked" type="radio"> Full turn </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_post_type-1"> <input name="acessories_decorative_acessories_post_type" id="acessories_decorative_acessories_post_type-1" value="2" type="radio"> Twisted full turn </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_post_type-2"> <input name="acessories_decorative_acessories_post_type" id="acessories_decorative_acessories_post_type-2" value="3" type="radio"> Split </label> </div> <div class="radio"> <label for="acessories_decorative_acessories_post_type-3"> <input name="acessories_decorative_acessories_post_type" id="acessories_decorative_acessories_post_type-3" value="4" type="radio"> Twisted split </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_moldings_type">Select acessories molding type:</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_moldings_type-0"> <input name="acessories_moldings_type" id="acessories_moldings_type-0" value="1" checked="checked" type="radio"> Base </label> </div> <div class="radio"> <label for="acessories_moldings_type-1"> <input name="acessories_moldings_type" id="acessories_moldings_type-1" value="2" type="radio"> Crown </label> </div> <div class="radio"> <label for="acessories_moldings_type-2"> <input name="acessories_moldings_type" id="acessories_moldings_type-2" value="3" type="radio"> Crown with dentil </label> </div> <div class="radio"> <label for="acessories_moldings_type-3"> <input name="acessories_moldings_type" id="acessories_moldings_type-3" value="4" type="radio"> Cove </label> </div> <div class="radio"> <label for="acessories_moldings_type-4"> <input name="acessories_moldings_type" id="acessories_moldings_type-4" value="5" type="radio"> Dentil </label> </div> <div class="radio"> <label for="acessories_moldings_type-5"> <input name="acessories_moldings_type" id="acessories_moldings_type-5" value="6" type="radio"> Traditional light rail </label> </div> <div class="radio"> <label for="acessories_moldings_type-6"> <input name="acessories_moldings_type" id="acessories_moldings_type-6" value="7" type="radio"> Toe kick </label> </div> <div class="radio"> <label for="acessories_moldings_type-7"> <input name="acessories_moldings_type" id="acessories_moldings_type-7" value="8" type="radio"> Outside corner </label> </div> <div class="radio"> <label for="acessories_moldings_type-8"> <input name="acessories_moldings_type" id="acessories_moldings_type-8" value="9" type="radio"> Ogee </label> </div> <div class="radio"> <label for="acessories_moldings_type-9"> <input name="acessories_moldings_type" id="acessories_moldings_type-9" value="10" type="radio"> Quoter round </label> </div> <div class="radio"> <label for="acessories_moldings_type-10"> <input name="acessories_moldings_type" id="acessories_moldings_type-10" value="11" type="radio"> Scribe </label> </div> <div class="radio"> <label for="acessories_moldings_type-11"> <input name="acessories_moldings_type" id="acessories_moldings_type-11" value="12" type="radio"> Chair rail </label> </div> <div class="radio"> <label for="acessories_moldings_type-12"> <input name="acessories_moldings_type" id="acessories_moldings_type-12" value="13" type="radio"> Full Chair rail </label> </div> <div class="radio"> <label for="acessories_moldings_type-13"> <input name="acessories_moldings_type" id="acessories_moldings_type-13" value="14" type="radio"> Flutted filler </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_base_fillers_type">Select type of the acessory base filler:</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_base_fillers_type-0"> <input name="acessories_base_fillers_type" id="acessories_base_fillers_type-0" value="1" checked="checked" type="radio"> Straight </label> </div> <div class="radio"> <label for="acessories_base_fillers_type-1"> <input name="acessories_base_fillers_type" id="acessories_base_fillers_type-1" value="2" type="radio"> With toe kick return </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_panels_type">Select accessies panel type:</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_panels_type-0"> <input name="acessories_panels_type" id="acessories_panels_type-0" value="1" checked="checked" type="radio"> Dishwasher </label> </div> <div class="radio"> <label for="acessories_panels_type-1"> <input name="acessories_panels_type" id="acessories_panels_type-1" value="2" type="radio"> Refrigerator </label> </div> <div class="radio"> <label for="acessories_panels_type-2"> <input name="acessories_panels_type" id="acessories_panels_type-2" value="3" type="radio"> Base skin </label> </div> <div class="radio"> <label for="acessories_panels_type-3"> <input name="acessories_panels_type" id="acessories_panels_type-3" value="4" type="radio"> Wall skin </label> </div> <div class="radio"> <label for="acessories_panels_type-4"> <input name="acessories_panels_type" id="acessories_panels_type-4" value="5" type="radio"> Large skin </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_panels_subtype">Select accessies panel sub-type:</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_panels_subtype-0"> <input name="acessories_panels_subtype" id="acessories_panels_subtype-0" value="1" checked="checked" type="radio"> Regular straight </label> </div> <div class="radio"> <label for="acessories_panels_subtype-1"> <input name="acessories_panels_subtype" id="acessories_panels_subtype-1" value="2" type="radio"> With return filler(3") </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="acessories_type">Select acessories type:</label> <div class="col-md-4"> <div class="radio"> <label for="acessories_type-0"> <input name="acessories_type" id="acessories_type-0" value="1" checked="checked" type="radio"> Fillers </label> </div> <div class="radio"> <label for="acessories_type-1"> <input name="acessories_type" id="acessories_type-1" value="2" type="radio"> Panels </label> </div> <div class="radio"> <label for="acessories_type-2"> <input name="acessories_type" id="acessories_type-2" value="3" type="radio"> Roll-out trays </label> </div> <div class="radio"> <label for="acessories_type-3"> <input name="acessories_type" id="acessories_type-3" value="4" type="radio"> Moldings </label> </div> <div class="radio"> <label for="acessories_type-4"> <input name="acessories_type" id="acessories_type-4" value="5" type="radio"> Valances </label> </div> <div class="radio"> <label for="acessories_type-5"> <input name="acessories_type" id="acessories_type-5" value="6" type="radio"> Decorative Accessories </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="corner_subtype">Select sub-type of corner base cabinet: </label> <div class="col-md-4"> <div class="radio"> <label for="corner_subtype-0"> <input name="corner_subtype" id="corner_subtype-0" value="1" checked="checked" type="radio"> Blink Corner </label> </div> <div class="radio"> <label for="corner_subtype-1"> <input name="corner_subtype" id="corner_subtype-1" value="2" type="radio"> Sink Corner </label> </div> <div class="radio"> <label for="corner_subtype-2"> <input name="corner_subtype" id="corner_subtype-2" value="3" type="radio"> Diagonal Corner </label> </div> <div class="radio"> <label for="corner_subtype-3"> <input name="corner_subtype" id="corner_subtype-3" value="4" type="radio"> Lazy Susan </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="sink_subtype ">Select sub-type of sink base cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="sink_subtype -0"> <input name="sink_subtype " id="sink_subtype -0" value="1" checked="checked" type="radio"> Single Sink </label> </div> <div class="radio"> <label for="sink_subtype -1"> <input name="sink_subtype " id="sink_subtype -1" value="2" type="radio"> Double Sink </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="sink_corner_subtype">Selct sub-type of sink corner base cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="sink_corner_subtype-0"> <input name="sink_corner_subtype" id="sink_corner_subtype-0" value="1" checked="checked" type="radio"> Single Sink </label> </div> <div class="radio"> <label for="sink_corner_subtype-1"> <input name="sink_corner_subtype" id="sink_corner_subtype-1" value="2" type="radio"> Double Sink </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="end_subtype">Select sub-type of end base cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="end_subtype-0"> <input name="end_subtype" id="end_subtype-0" value="1" checked="checked" type="radio"> Angle </label> </div> <div class="radio"> <label for="end_subtype-1"> <input name="end_subtype" id="end_subtype-1" value="2" type="radio"> Shelf </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="end_shelf_subtype">Select sub-type of end shelf base cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="end_shelf_subtype-0"> <input name="end_shelf_subtype" id="end_shelf_subtype-0" value="1" checked="checked" type="radio"> Left </label> </div> <div class="radio"> <label for="end_shelf_subtype-1"> <input name="end_shelf_subtype" id="end_shelf_subtype-1" value="2" type="radio"> Right </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="base_accessory_subtype">Select sub-type of accessory base cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="base_accessory_subtype-0"> <input name="base_accessory_subtype" id="base_accessory_subtype-0" value="1" checked="checked" type="radio"> Desk drawer </label> </div> <div class="radio"> <label for="base_accessory_subtype-1"> <input name="base_accessory_subtype" id="base_accessory_subtype-1" value="2" type="radio"> Spice Pull out </label> </div> <div class="radio"> <label for="base_accessory_subtype-2"> <input name="base_accessory_subtype" id="base_accessory_subtype-2" value="3" type="radio"> Spice Drawer </label> </div> <div class="radio"> <label for="base_accessory_subtype-3"> <input name="base_accessory_subtype" id="base_accessory_subtype-3" value="4" type="radio"> Waste basket </label> </div> <div class="radio"> <label for="base_accessory_subtype-4"> <input name="base_accessory_subtype" id="base_accessory_subtype-4" value="5" type="radio"> Decorative doors </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="decorative_doors_subtype">Selct sub-type of decorative doors for base cabinets</label> <div class="col-md-4"> <div class="radio"> <label for="decorative_doors_subtype-0"> <input name="decorative_doors_subtype" id="decorative_doors_subtype-0" value="1" checked="checked" type="radio"> Dummy </label> </div> <div class="radio"> <label for="decorative_doors_subtype-1"> <input name="decorative_doors_subtype" id="decorative_doors_subtype-1" value="2" type="radio"> End </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="dummy_decorative_doors_subtype">Selct sub-type of dummy decorative doors for base cabinets</label> <div class="col-md-4"> <div class="radio"> <label for="dummy_decorative_doors_subtype-0"> <input name="dummy_decorative_doors_subtype" id="dummy_decorative_doors_subtype-0" value="1" checked="checked" type="radio"> Drawer </label> </div> <div class="radio"> <label for="dummy_decorative_doors_subtype-1"> <input name="dummy_decorative_doors_subtype" id="dummy_decorative_doors_subtype-1" value="2" type="radio"> Door </label> </div> <div class="radio"> <label for="dummy_decorative_doors_subtype-2"> <input name="dummy_decorative_doors_subtype" id="dummy_decorative_doors_subtype-2" value="3" type="radio"> Door with Frame </label> </div> <div class="radio"> <label for="dummy_decorative_doors_subtype-3"> <input name="dummy_decorative_doors_subtype" id="dummy_decorative_doors_subtype-3" value="4" type="radio"> Door and Drawer </label> </div> <div class="radio"> <label for="dummy_decorative_doors_subtype-4"> <input name="dummy_decorative_doors_subtype" id="dummy_decorative_doors_subtype-4" value="5" type="radio"> Door and Drawer with Frame </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="end_decorative_doors_subtype">Selct sub-type of end decorative doors for base cabinets</label> <div class="col-md-4"> <div class="radio"> <label for="end_decorative_doors_subtype-0"> <input name="end_decorative_doors_subtype" id="end_decorative_doors_subtype-0" value="1" checked="checked" type="radio"> Drawer </label> </div> <div class="radio"> <label for="end_decorative_doors_subtype-1"> <input name="end_decorative_doors_subtype" id="end_decorative_doors_subtype-1" value="2" type="radio"> Door </label> </div> <div class="radio"> <label for="end_decorative_doors_subtype-2"> <input name="end_decorative_doors_subtype" id="end_decorative_doors_subtype-2" value="3" type="radio"> Door with Frame </label> </div> <div class="radio"> <label for="end_decorative_doors_subtype-3"> <input name="end_decorative_doors_subtype" id="end_decorative_doors_subtype-3" value="4" type="radio"> Door and Drawer </label> </div> <div class="radio"> <label for="end_decorative_doors_subtype-4"> <input name="end_decorative_doors_subtype" id="end_decorative_doors_subtype-4" value="5" type="radio"> Door and Drawer with Frame </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Select type of wall cabinets:</label> <div class="col-md-4"> <div class="radio"> <label for="radios-0"> <input name="radios" id="radios-0" value="1" checked="checked" type="radio"> Single Door </label> </div> <div class="radio"> <label for="radios-1"> <input name="radios" id="radios-1" value="2" type="radio"> Double Door </label> </div> <div class="radio"> <label for="radios-2"> <input name="radios" id="radios-2" value="3" type="radio"> Corner </label> </div> <div class="radio"> <label for="radios-3"> <input name="radios" id="radios-3" value="4" type="radio"> Bridge </label> </div> <div class="radio"> <label for="radios-4"> <input name="radios" id="radios-4" value="5" type="radio"> End </label> </div> <div class="radio"> <label for="radios-5"> <input name="radios" id="radios-5" value="6" type="radio"> Accessories </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_corner_type">Select type of wall corner cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_corner_type-0"> <input name="wall_corner_type" id="wall_corner_type-0" value="1" checked="checked" type="radio"> Blind </label> </div> <div class="radio"> <label for="wall_corner_type-1"> <input name="wall_corner_type" id="wall_corner_type-1" value="2" type="radio"> Diagonal </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_end_type">Select type of wall end cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_end_type-0"> <input name="wall_end_type" id="wall_end_type-0" value="1" checked="checked" type="radio"> Angle </label> </div> <div class="radio"> <label for="wall_end_type-1"> <input name="wall_end_type" id="wall_end_type-1" value="2" type="radio"> Shelf </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_end_shelf_type">Select type of wall end shelf cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_end_shelf_type-0"> <input name="wall_end_shelf_type" id="wall_end_shelf_type-0" value="1" checked="checked" type="radio"> Left </label> </div> <div class="radio"> <label for="wall_end_shelf_type-1"> <input name="wall_end_shelf_type" id="wall_end_shelf_type-1" value="2" type="radio"> Right </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_bridge_type">Select type of the wall bridge cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_bridge_type-0"> <input name="wall_bridge_type" id="wall_bridge_type-0" value="1" checked="checked" type="radio"> Microwave(usually 12" deep) </label> </div> <div class="radio"> <label for="wall_bridge_type-1"> <input name="wall_bridge_type" id="wall_bridge_type-1" value="2" type="radio"> Refrigerator(usually 24"-27" deep) </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_bridge_microwave_type">Select type of the wall bridge microwave cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_bridge_microwave_type-0"> <input name="wall_bridge_microwave_type" id="wall_bridge_microwave_type-0" value="1" checked="checked" type="radio"> Without Shelf(standard) </label> </div> <div class="radio"> <label for="wall_bridge_microwave_type-1"> <input name="wall_bridge_microwave_type" id="wall_bridge_microwave_type-1" value="2" type="radio"> With Shelf </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_accessories_type">Select type of the wall accesory cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_accessories_type-0"> <input name="wall_accessories_type" id="wall_accessories_type-0" value="1" checked="checked" type="radio"> Rack </label> </div> <div class="radio"> <label for="wall_accessories_type-1"> <input name="wall_accessories_type" id="wall_accessories_type-1" value="2" type="radio"> Appliance garage </label> </div> <div class="radio"> <label for="wall_accessories_type-2"> <input name="wall_accessories_type" id="wall_accessories_type-2" value="3" type="radio"> Glass Shelves </label> </div> <div class="radio"> <label for="wall_accessories_type-3"> <input name="wall_accessories_type" id="wall_accessories_type-3" value="4" type="radio"> Decorative doors </label> </div> <div class="radio"> <label for="wall_accessories_type-4"> <input name="wall_accessories_type" id="wall_accessories_type-4" value="5" type="radio"> Horizontal spice drawers </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_accessories_rack_type">Select type of the wall accesory rack cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_accessories_rack_type-0"> <input name="wall_accessories_rack_type" id="wall_accessories_rack_type-0" value="1" checked="checked" type="radio"> Wine </label> </div> <div class="radio"> <label for="wall_accessories_rack_type-1"> <input name="wall_accessories_rack_type" id="wall_accessories_rack_type-1" value="2" type="radio"> Glass </label> </div> <div class="radio"> <label for="wall_accessories_rack_type-2"> <input name="wall_accessories_rack_type" id="wall_accessories_rack_type-2" value="3" type="radio"> Plate </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_door_type">Select type the wall door:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_door_type-0"> <input name="wall_door_type" id="wall_door_type-0" value="1" checked="checked" type="radio"> Regular </label> </div> <div class="radio"> <label for="wall_door_type-1"> <input name="wall_door_type" id="wall_door_type-1" value="2" type="radio"> Glass </label> </div> <div class="radio"> <label for="wall_door_type-2"> <input name="wall_door_type" id="wall_door_type-2" value="3" type="radio"> Mullion </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_door_subtype">Select sub-type of wall door:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_door_subtype-0"> <input name="wall_door_subtype" id="wall_door_subtype-0" value="1" checked="checked" type="radio"> Door only </label> </div> <div class="radio"> <label for="wall_door_subtype-1"> <input name="wall_door_subtype" id="wall_door_subtype-1" value="2" type="radio"> Door with frame </label> </div> <div class="radio"> <label for="wall_door_subtype-2"> <input name="wall_door_subtype" id="wall_door_subtype-2" value="3" type="radio"> Door with glass </label> </div> <div class="radio"> <label for="wall_door_subtype-3"> <input name="wall_door_subtype" id="wall_door_subtype-3" value="4" type="radio"> Frame prepared for glass </label> </div> <div class="radio"> <label for="wall_door_subtype-4"> <input name="wall_door_subtype" id="wall_door_subtype-4" value="5" type="radio"> Glass insert </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="wall_door_subtype_purpose">Select type of cabinet where the door will be used:</label> <div class="col-md-4"> <div class="radio"> <label for="wall_door_subtype_purpose-0"> <input name="wall_door_subtype_purpose" id="wall_door_subtype_purpose-0" value="1" checked="checked" type="radio"> Regular Straight cabinet(single/double door) </label> </div> <div class="radio"> <label for="wall_door_subtype_purpose-1"> <input name="wall_door_subtype_purpose" id="wall_door_subtype_purpose-1" value="2" type="radio"> Diagonal corner </label> </div> <div class="radio"> <label for="wall_door_subtype_purpose-2"> <input name="wall_door_subtype_purpose" id="wall_door_subtype_purpose-2" value="3" type="radio"> Dummy end </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="tall">Select tall category:</label> <div class="col-md-4"> <div class="radio"> <label for="tall-0"> <input name="tall" id="tall-0" value="1" checked="checked" type="radio"> Oven Cabinets </label> </div> <div class="radio"> <label for="tall-1"> <input name="tall" id="tall-1" value="2" type="radio"> Pantry Cabinets </label> </div> <div class="radio"> <label for="tall-2"> <input name="tall" id="tall-2" value="3" type="radio"> Accessories </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="tall_oven_cabinet_type">Select type of the tall oven cabinet:</label> <div class="col-md-4"> <div class="radio"> <label for="tall_oven_cabinet_type-0"> <input name="tall_oven_cabinet_type" id="tall_oven_cabinet_type-0" value="1" checked="checked" type="radio"> Single Oven </label> </div> <div class="radio"> <label for="tall_oven_cabinet_type-1"> <input name="tall_oven_cabinet_type" id="tall_oven_cabinet_type-1" value="2" type="radio"> Double Oven </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="tall_accessorie_type">Select tall accessory door type:</label> <div class="col-md-4"> <div class="radio"> <label for="tall_accessorie_type-0"> <input name="tall_accessorie_type" id="tall_accessorie_type-0" value="1" checked="checked" type="radio"> Door </label> </div> <div class="radio"> <label for="tall_accessorie_type-1"> <input name="tall_accessorie_type" id="tall_accessorie_type-1" value="2" type="radio"> Door with frame </label> </div> </div> </div> </fieldset> </form>

$('#shopping input').on('change', function() { console.log($('input[name=vanity_base_type]:checked' , '#shopping').val()); });