Jquery 获取一组CheckBox 的value 值

最新推荐文章于 2023-04-23 14:44:16 发布

iteye_11281

最新推荐文章于 2023-04-23 14:44:16 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jquery JavaScript XHTML ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_11281/article/details/82579673

Jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何使用JavaScript操作HTML中的checkbox元素，包括获取已选中的checkbox值、根据指定值设置checkbox的选择状态以及如何对字符串进行分割处理。这些实用技巧对于前端开发者来说非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[size=medium]1.获得一组中选中的checkbox 的value值[/size]

例：

<div id="DIV" >
<input type="checkbox" value="C1">
<input type="checkbox" value="C2">
<input type="checkbox" value="C3">
<input type="checkbox" value="C4">
<input type="checkbox" value="C5">
</div>

$("#DIV input[type=checkbox]:checked").each(function(i){
if(0==i){
spCodesTemp = $(this).val();

}else{

spCodesTemp += (","+$(this).val());

}

alert(spCodesTemp);

});

假设全部选中,得到的值是 spCodesTemp="C1,C2,C3,C4,C4,C5"

-------------------------------------------------------------

[size=large]2.根据value值选中一组中的 checkbox [/size]

var value="C1,C2,C3,C4,C,C5"

$('#DIV input[type=checkbox]').each(function(index,element) {
var $this = $(this);

var val = $this.val();

if (value.indexOf(val) != -1) {
$this.attr("checked", true);
}
});

-------------------------------------------------------------

[size=large]3.分割字符串[/size]

str="C1,C2,C3,C4,C,C5";

var strs= str.split(",");

for (i=0;i<strs.length ;i++ )
{
alert(strs[i]);
}