<input type=\"checkbox\" name=\'ck\' />php
<input type=\"checkbox\" name=\'ck\' />mysql
<input type=\"checkbox\" name=\'ck\' />jquery
<input type=\"checkbox\" name=\'ck\' />java
1. 获取单个checkbox选中项:
$(\"input:checkbox:checked\").val()
或者
$(\"input:[type=\'checkbox\']:checked\").val();
或者
$(\"input:[name=\'ck\']:checked\").val();
2. 获取多个checkbox选中项:
$(\'input:checkbox\').each(function() {
if ($(this).attr(\'checked\') ==true) {
alert($(this).val());
}
});
3. 设置第一个checkbox 为选中值:
$(\'input:checkbox:first\').attr(\"checked\",\'checked\');
或者
$(\'input:checkbox\').eq(0).attr(\"checked\",\'true\');
4. 设置最后一个checkbox为选中值:
$(\'input:checkbox:last\').attr(\'checked\', \'checked\');
或者
$(\'input:checkbox:last\').attr(\'checked\', \'true\');
5. 根据索引值设置任意一个checkbox为选中值:
$(\'input:checkbox\').eq(索引值).attr(\'checked\', \'true\');索引值=0,1,2....
或者
$(\'input:checkbox\').slice(1,2).attr(\'checked\', \'true\');
6. 选中多个checkbox:
同时选中第1个和第2个的checkbox:
$(\'input:checkbox\').slice(0,2).attr(\'checked\',\'true\');
7. 根据Value值设置checkbox为选中值:
$(\"input:checkbox[value=\'1\']\").attr(\'checked\',\'true\');
8. 删除Value=1的checkbox:
$(\"input:checkbox[value=\'1\']\").remove();
9. 删除第几个checkbox:
$(\"input:checkbox\").eq(索引值).remove();索引值=0,1,2....
如删除第3个checkbox:
$(\"input:checkbox\").eq(2).remove();
10.遍历checkbox:
$(\'input:checkbox\').each(function (index, domEle) {
//写入代码
});
11.checkbox全部选中
$(\'input:checkbox\').each(function() {
$(this).attr(\'checked\', true);
});
12.checkbox全部取消选择:
$(\'input:checkbox\').each(function () {
$(this).attr(\'checked\',false);
});
继续阅读与本文标签相同的文章
-
全球首条“5G自动微公交”示范线路乌镇开通
2026-05-14栏目: 教程
-
未来十年,最为吃香的4个大学专业,毕业后就是香饽饽!
2026-05-14栏目: 教程
-
还不会制作填充地图,试试这种方法,2分钟搞定,让你秒变大神
2026-05-14栏目: 教程
-
顺丰自研机器人惊艳亮相,化身“快递小哥”亮绝活,盯上万亿市场
2026-05-14栏目: 教程
-
女生“主动”与你分享这3个秘密?520%偷偷喜欢你,臭弟弟冲鸭
2026-05-14栏目: 教程
