一起学习网 一起学习网


jQuery操作复选框(CheckBox)的取值赋值实现代码

网络编程 jQuery操作复选框(CheckBox)的取值赋值实现代码 06-21

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:radio:last').attr('checked', 'checked'); 

或者

$('input:radio:last').attr('checked', 'true');

5. 根据索引值设置任意一个checkbox为选中值:

$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2.... 

或者

$('input:radio').slice(1,2).attr('checked', 'true'); 

6. 选中多个checkbox:

同时选中第1个和第2个的checkbox:

$('input:radio').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.全部选中

$('input:checkbox').each(function() { 
  $(this).attr('checked', true); 
});

12.全部取消选择:

$('input:checkbox').each(function () { 
  $(this).attr('checked',false); 
});

以上所述是小编给大家介绍的jQuery操作复选框(CheckBox)的取值赋值实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery zTree树插件简单使用教程
前言zTree是一个依靠jQuery实现的多功能树插件。优异的性能、灵活的配置、多种功能的组合是zTree最大优点。支持静态和Ajax异步加载节点数据.在开发中

jQuery插件ajaxFileUpload使用详解
ajaxFileUpload.js很多同名的,因为做出来一个很容易。我用的是这个:https://github.com/carlcarl/AjaxFileUpload下载地址在这里:http://xiazai.gimoo.net/201701/yuanma/ajaxfil

jQuery对table表格进行增删改查
最近要处理一些前端的工作,重新学习了一下jQuery,感觉还是那么的锋利啊!!!总结了一下对table的增删改查,写一篇留着以后自己recode。1.首先我自


编辑:一起学习网

标签:索引,多个,插件,小编,的是