jQuery实现遍历复选框的方法示例

本文实例讲述了jQuery实现遍历复选框的方法。分享给大家供大家参考，具体如下：

1、问题背景：

这里有10个复选框，根据选择的复选框获取其值，并将其值用"——"连接，插入到差异中

2、实现代码：

！DOCTYPE html html head meta charset=' UTF-8 '标题遍历复选框/title脚本类型=' text/JavaScript ' src=' http : jquery-1。7 .2 .量滴js '/script脚本$(文档)。ready(function(){ $('#btn ')).click(function(){ var str=' '；$('input[name='ckb']').每个（函数(){ if($(this)).是(' :已选中'){ str=' —— ' $(this).val()；} });$('#txt ').html(字符串);});});/脚本/头体div输入类型='checkbox '名称=' ckb '值=' 1 '/1输入类型=' checkbox '名称=' ckb '值=' 2 '/2输入类型=' checkbox '名称=' ckb '值=' 3 '/3输入类型=' checkbox '名称=' ckb '值=' 4 '/4输入类型=' checkbox '名称=' ckb '值=' 5 '/5输入类型=' checkbox '名称=' ckb '值=' 6 '/6输入类型='复选框'遍历/div id=' txt '/div/div/body/html 3、运行效果图：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery form操作技巧汇总》 、 《jQuery操作json数据技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。