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值获取
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值获取
相关文章推荐
- Jquery单选框、复选框、下拉框动态设置默认项,及动态获取选中项。
- jquery 获取下拉框值与select text
- jquery 获取下拉框值与select text
- asp.net中js+jquery添加下拉框值和后台获取
- jquery 操作单选框,复选框,下拉列表实现代码
- jquery操作复选框、单选框、下拉列表框
- jQuery 下拉列表操作 select 复选框 checkbox 单选框 radio
- jquery 获取下拉框值与select text
- 一周乱弹(jquery select保留第一项,其余清空2,SimpleDateFormat 最全参考例子3,sql in语句4,jQuery 修改按钮样式及禁用按钮5当单选框值改变时获取单选框的值)
- Jquery获取单选框与复选框选中的值
- JQuery为下拉列表、复选框、单选框赋值
- jQuery获取(选中)单选,复选框,下拉框中的值
- 实战jquery取复选框、单选框、下拉列表等的值
- asp.net中js+jquery添加下拉框值和后台获取示例
- PHP获取表单值 php获取下拉列表的值 php获取单选框 列表框 复选框的值:
- jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
- jquery 操作单选框,复选框,下拉列表实现代码
- jQuery获取Select选择的Text(文本信息)和 Value属性的值,select语法解释;单选框和复选框
- JQuery获取单选框或者复选框选中的值
- jQuery获取(选中)单选,复选框,下拉框中的值