怎么获取一组checkbox选中的值

Posted 2023-05-07

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：
1、html结构

<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>

2、javascript代码

function fun()
obj = document.getElementsByName("test");
check_val = [];
for(k in obj)
if(obj[k].checked)
check_val.push(obj[k].value);

alert(check_val);
参考技术A 使用 jQuery 获取一组或者单个 checkbox 的选中状态的值。下面通过一个示例进行说明，假设现有一页面有一组 checkbox 的 name 的值为 id ，那么获取这组 name=id 的checkbox的值的方法如下：
Js代码 收藏代码
var id_array=new Array();
$('input[name="id"]:checked').each(function()
id_array.push($(this).val());//向数组中添加元素
);
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
alert(idstr);

另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下：
Js代码 收藏代码
if($("#id").is(":checked"))//选中
alert($("#id").val());//打印选中的值

在jsp中获取已选中checkbox其他列的值

用jquery实现比较方便
1,获取已选中复选框的值的写法为
$("input[type='checkbox']:checked").val();

2,获取已选中复选框其他列的值的写法为
$("input[type='checkbox']:not(:checked)").val();

这两种方法返回的都是数组 参考技术A var checkArray=document.getElementsByName("checkbox名");
for(var i=0;i<checkArray.length;i++)
if(checkArray[i].checked)
........



你列中的值是从哪里来的
要是从数据库中查询出来的
在当前列里隐藏一个主键值 然后通过主键查询追问

列中的值是从数据库中查询出来的

追答

那就传个主键到页面中的列
//放在tr的第一个td中

方法中
var checkArray=document.getElementsByName("checkbox名");
for(var i=0;i<checkArray.length;i++)
if(checkArray[i].checked)
var oTR=checkArray[i].parentNode.parentNode;
var zj=oTR.firstChild.firstChild.value;
//这个zj 就是你的主键了传到后台就能查询你要的那列的值了
.....
.....

追问

那怎样判断checkbox是否被选中了呢？在哪个页面上写呢？是本页面还是提交页面？

追答

checkArray[i].checked
这个就是判断选中的

还有提交页面? 你具体要做个什么样子的.

追问

" />

加入购物车

以上都是A页面，点击“加入购物车”后跳到B页面，把A页面选中的值给传过去

追答

哦 那应该写在A页面
通过上面的函数把你的选择了的主键值传到后台
后台查出值后调B页面

本回答被提问者采纳 参考技术B 通过name获取。如果要判断是否已选中的话只有在JS里面判断某个节点是否checked 参考技术C 最简单的方法就是遍历listView来判断是否Checked，反序列化就是排序啊，按CheckedItems下标大到小重排就是了。追问

可以写出代码么？

参考技术D 你这个问题太模糊了，能说具体点吗？