本文主要介绍了jQuery实现遍历复选框的方法,结合实例形式分析了jQuery针对表单复选框元素的遍历与字符串操作相关技巧,需要的朋友可以参考下,希望能帮助到大家。
1、问题背景:
这里有10个复选框,根据选择的复选框获取其值,并将其值用“——”连接,插入到p中
2、实现代码:
遍历复选框$(document).ready(function(){
$("#btn").click(function(){
var str = "";
$("input[name='ckb']").each(function(){
if($(this).is(":checked"))
{
str += "——" + $(this).val();
}
});
$("#txt").html(str);
});
});
1
2
3
4
5
6
7
8
9
10
3、运行效果图:
相关推荐: