一、单选框
html:
<label><input type="radio" name="sex" value="男" checked>男</label>
<label><input type="radio" name="sex" value="女">女</label>
<label><input type="radio" name="sex" value="保密">保密</label>
jquery:
html:
<label><input type="checkbox" name="con" value="内容一" checked>内容一</label>
<label><input type="checkbox" name="con" value="内容二">内容二</label>
<label><input type="checkbox" name="con" value="内容三">内容三</label>
jquery:
var cons = [];// 该复选框的内容存入数组中
$("input[type=checkbox]").each(function(){ //each(function(){});是遍历的作用
if(this.checked){
cons.push($(this).val());
}
html:
<select name="sct">
<option value="0" selected="selected">-请选择-</option>
<option value="1">选择一</option>
<option value="2">选择二</option>
<option value="3">选择三</option>
</select>
jquery:
html:
<label><input type="radio" name="sex" value="男" checked>男</label>
<label><input type="radio" name="sex" value="女">女</label>
<label><input type="radio" name="sex" value="保密">保密</label>
jquery:
$("input[type='radio']:checked").val()
或者
$("input[name='rd']:checked").val();
表单提交时可通过name值获取
二、复选框html:
<label><input type="checkbox" name="con" value="内容一" checked>内容一</label>
<label><input type="checkbox" name="con" value="内容二">内容二</label>
<label><input type="checkbox" name="con" value="内容三">内容三</label>
jquery:
var cons = [];// 该复选框的内容存入数组中
$("input[type=checkbox]").each(function(){ //each(function(){});是遍历的作用
if(this.checked){
cons.push($(this).val());
}
});
表单提交时:
可通过name获取值,获取到以逗号拼接的字符串
三、下拉框html:
<select name="sct">
<option value="0" selected="selected">-请选择-</option>
<option value="1">选择一</option>
<option value="2">选择二</option>
<option value="3">选择三</option>
</select>
jquery:
$('select option:selected').text()
表单提交时可通过name值获取