您的位置:首页 > Web前端 > JQuery

jquery获取单选框复选框下拉框值

2018-01-13 16:47 330 查看
一、单选框

html:
<label><input type="radio" name="sex" value="男">男</label>  
<label><input type="radio" name="sex" value="女">女</label>  
<label><input type="radio" name="sex" value="保密">保密</label>  

jquery:

$("input[type='radio']:checked").val()

表单提交时可通过name值获取

二、复选框

html:
<label><input type="checkbox" name="con" value="内容一">内容一</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>  
<option>-请选择-</option>  
<option>选择一</option>  
<option>选择二</option>  
<option>选择三</option>  
</select>  

jquery:

$('select option:selected').text()

表单提交时可通过name值获取
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: