怎么获取所有checkbox的值

jquery的遍历方法可以获取复选框所欲的选中值

$("input:checkbox:checked")each(function(index,element)); // 为所有选中的复选框执行函数，函数体中可以取出每个复选框的值

$("input:checkbox:checked")map(function(index,domElement)); // 将所有选中的复选框通过函数返回值生成新的jQuery 对象

实例演示：点击按钮获取checkbox的选中值

创建Html元素

<div class="box">

<span>点击按钮获取checkbox的选中值：</span>

<div class="content">

<input type='checkbox' name='message' value='1'/>发送短信

<input type='checkbox' name='message' value='2'/>发送邮件

</div>

<input type="button" value="提交">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

编写jquery代码

$(function(){

$("input:button")click(function() {

text = $("input:checkbox[name='message']:checked")map(function(index,elem) {

return $(elem)val();

})get()join(',');

alert("选中的checkbox的值为："+text);

});

});

protected void Page_Load(object sender, EventArgs e)

{

CheckBox chk = new CheckBox();

chkText = "testall"; // 这里可以换成数据库的内容

chkCheckedChanged += new EventHandler(chk_CheckedChanged);

chkAutoPostBack = true;

PageFormControlsAdd(chk);

for (int i = 0; i < 10; i++)

{

CheckBox chk2 = new CheckBox();

chk2Text = "test" + iToString(); // 这里可以换成数据库的内容

chk2Checked = (i % 3 == 0); // 这里可以换成数据库的内容

PageFormControlsAdd(chk2);

}

}

void chk_CheckedChanged(object sender, EventArgs e)

{

CheckBox all = sender as CheckBox;

foreach(Control ctl in PageFormControls)

{

if (ctl is CheckBox)

{

CheckBox chk = ctl as CheckBox;

chkChecked = allChecked;

}

}

}

用jquery实现比较方便

1,获取已选中复选框的值的写法为

$("input[type='checkbox']:checked")val();

2,获取已选中复选框其他列的值的写法为

$("input[type='checkbox']:not(:checked)")val();

这两种方法返回的都是数组

你的购买是一个链接，那么在链接上面传一个参数就行了，

<a href="purcharseGoodId=001"></a> //purcharse是自己定义的

要得到的话在servlet(如果用其他框架也一样)中用requestgetParameter("GoodId");得到参数值；

如果你的购买是一个按钮的话，把该行的goodId保存在按钮中就可以了：

<button onclick="documentforms[0]submit" name="GoodId" value="001">购买</button>

要得到goodid还是和上面一样，这样就不用每行写一个form了

如果要同时把好几个产品都放到购物车而且又要获得该行的ID推荐用第2个方法，第一个方法要写一段js，我js学得不好，希望对你有帮助

1、首先新建一个html文件，命名为testhtml，在testhtml文件内，在p标签内，使用input标签创建三个checkbox选项用于测试。

2、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得checkbox选中数量”。

3、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getnum（）函数。

4、在js标签中，创建getnum()函数，在函数内，使用getElementsByTagName()方法通过元素名称获得input对象。同时，创建一个空数组arr，用于保存选中的选项值。

5、在浏览器打开testhtml文件，点击按钮，查看结果。

以上就是关于怎么获取所有checkbox的值全部的内容，包括:怎么获取所有checkbox的值、如何获取选中checkbox值、在jsp中获取已选中checkbox其他列的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！