jquery获取复选框(checkbox)的选中值(一组和单个)
2015-12-15 09:43
676 查看
使用jquery获取一组或者单个checkbox的选中状态的值。下面通过一个示例进行说明,假设现有一页面有一组checkbox的name的值为id,那么获取这组name=id的checkbox的值的方法如下:
var id_array=new Array();
$('input[name="id"]:checked').each(function(){
id_array.push($(this).val());//向数组中添加元素
});
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
alert(idstr);
以上主要使用到了jquery的each方法以及javascript的两个数组操作函数push和join。
另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下:
if($("#id").attr("checked")){//选中
alert($("#id").val());//打印选中的值
}
var id_array=new Array();
$('input[name="id"]:checked').each(function(){
id_array.push($(this).val());//向数组中添加元素
});
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
alert(idstr);
以上主要使用到了jquery的each方法以及javascript的两个数组操作函数push和join。
另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下:
if($("#id").attr("checked")){//选中
alert($("#id").val());//打印选中的值
}
相关文章推荐
- JQuery插件常用写法
- JQuery插件常用写法
- jquery九宫格抽奖转盘插件
- Jquery easyui从零单排之datagrid单行数据删除
- JQuery中Ajax()的data参数类型实例分析
- jQuery获取DOM节点实例分析(2种方式)
- jQuery进行组件开发完整实例
- Jquery插件easyUi实现表单验证示例
- jQuery九宫格鼠标悬停动画效果
- jquery 判断数据是否在数组中
- 弹出 div jquery.jmpopups-0.5.1.js
- 锋利的JQuery —— Ajax
- jQuery遍历之next()、nextAll()方法使用实例
- Jquery中神奇的事件命名空间
- 使用简单jQuery工具来实现表单的验证
- JQuery 如何选择带有多个class的元素
- jQuery 多个 classes 选择器
- jQuery Ajax 实例 全解析(转)
- jQuery选择器总结
- jquery获取select选择的显示值