Jquery 获得 CheckBox 的值

软件技术 前端
1

在 HTML 中定义 CheckBox[code]


Specialties

    											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-checked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="68" id="specialtiesSelect" }="">Relocation</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-checked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="69" id="specialtiesSelect" }="">Fine Homes</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-checked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="70" id="specialtiesSelect" }="">Equestrian</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-checked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="71" id="specialtiesSelect" }="">Waterfront Homes</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="72" id="specialtiesSelect" }="">55+ Communities</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="73" id="specialtiesSelect" }="">E-certified</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="74" id="specialtiesSelect" }="">Historical Homes</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="75" id="specialtiesSelect" }="">Commercial</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="76" id="specialtiesSelect" }="">New Construction</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="77" id="specialtiesSelect" }="">Foreign Language</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="78" id="specialtiesSelect" }="">Golf Communities</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="79" id="specialtiesSelect" }="">Investment Properties</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="80" id="specialtiesSelect" }="">Short Sales</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="81" id="specialtiesSelect" }="">Bank Owned</li>
										
											<li><div class="customForm-class-dropdownCheckbox chk-area customCheck_specialtiesSelect chk-unchecked"><span></span></div><input class="dropdownCheckbox customForm-hidden" type="checkbox" name="specialtiesSelect" value="82" id="specialtiesSelect" }="">Multi-Family</li>
										
									</ul>
								</div>[/code]这里我们定义了 checkbox 命名为： specialtiesSelect ，Checkbox 的 id 也是这个值。

    在 Js 中我们可以使用下面的方法来获得选中的值。[code] var specialties = “”;
    ('input:checkbox[name=specialtiesSelect][checked]').each(function(){ specialties = specialties + (this).val() + “,”;
    });

    alert (specialties);
    [/code]运行程序的时候，将会输出。

    1. 选择框

    选中提交后，Js 程序将会获得下面的变量。