这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了 JQuery CheckBox(复选框)操作方法汇总, 本文讲解了获取单个 checkbox 选中项、获取多个 checkbox 选中项、设置第一个 checkbox 为选中值、设置最后一个 checkbox 为选中值等内容, 需要的朋友可以参考下
1. 获取单个 checkbox 选中项 (三种写法):
- $("input:checkbox:checked").val()
或者
- $("input:[type='checkbox']:checked").val();
或者
2. 获取多个 checkbox 选中项:
- $("input:[name='ck']:checked").val();
- $('input:checkbox').each(function() {
- if ($(this).attr('checked') ==true) {
- alert($(this).val());
- }
- });
或者
3. 设置第一个 checkbox 为选中值:
- ('input:checkbox').map(function () {
- return(this).val();
- }).get().join(',') ;
- $('input:checkbox:first').attr("checked",'checked');
或者
4. 设置最后一个 checkbox 为选中值:
- $('input:checkbox').eq(0).attr("checked",'true');
- $('input:radio:last').attr('checked', 'checked');
或者
5. 根据索引值设置任意一个 checkbox 为选中值:
- $('input:radio:last').attr('checked', 'true');
- $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
6. 选中多个 checkbox:
- $('input:radio').slice(1,2).attr('checked', 'true');
同时选中第 1 个和第 2 个的 checkbox:
7. 根据 Value 值设置 checkbox 为选中值:
- $('input:radio').slice(0,2).attr('checked','true');
8. 删除 Value=1 的 checkbox:
- $("input:checkbox[value='1']").attr('checked','true');
9. 删除第几个 checkbox:
- $("input:checkbox[value='1']").remove();
- $("input:checkbox").eq(索引值).remove();索引值 = 0,
- 1,
- 2....
如删除第 3 个 checkbox:
10. 遍历 checkbox:
- $("input:checkbox").eq(2).remove();
11. 全部选中
- $('input:checkbox').each(function (index, domEle) {
- //写入代码
- });
12. 全部取消选择:
- $('input:checkbox').each(function() {
- $(this).attr('checked', true);
- });
- $('input:checkbox').each(function () {
- $(this).attr('checked',false);
- });
来源: http://www.phperz.com/article/17/0410/271778.html