«

jquery 获取checkbox的选中值(一组和单个)

时间:2024-1-27 09:37     作者:韩俊     分类: Html+Css


使用 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。对于 push 和 join 两个函数不清楚的可以参考本站文章:

JavaScript 数组操作函数总结(push,pop,join,shift,unshift,slice,splice,concat)

另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下:

if($("#id").attr("checked")){//选中
    alert($("#id").val());//打印选中的值
}

标签: javascript html css

热门推荐