JQuery CheckBox(复选框)操作方法汇总

 

  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());

  }

  });

  或者

   代码如下:

  ('input:checkbox').map(function () {

  return(this).val();

  }).get().join(',') ;

  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);

  });

时间: 2024-12-02 01:02:06

JQuery CheckBox(复选框)操作方法汇总的相关文章

方便实用的jQuery checkbox复选框全选功能简单实例_jquery

复制代码 代码如下: // 主复选框<input type="checkbox" id="ck" name="ckAll">// 子复选框项<input type="checkbox" id="ck1" name="ckItm"><input type="checkbox" id="ck2" name="ck

jquery操作复选框checkbox的方法汇总_jquery

本文实例汇总了jquery操作复选框checkbox的方法.分享给大家供大家参考.具体分析如下: jquery判断checked的三种方法: 复制代码 代码如下: $("input").attr("checked");   //版本1.6+返回:"checked"或"undefined" ,1.5-返回:true或false  $("input").prop("checked");  /

jquery对复选框(checkbox)的操作汇总_jquery

jquery操作复选框(checkbox)的12个小技巧. 1.获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项 $('input:checkbox').each(funct

js与jQuery实现checkbox复选框全选/全不选的方法_javascript技巧

本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法.分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法.这应该是一个比较实用的前端技巧吧,很多时候我们都需要点击一个checkbox,然后将所有的复选框自动全部选中,比如新浪邮箱中,一些CMS系统的后台中,使用本JS效果后,会大大增强了操作体验,那么究竟是如何实现这一功能的呢?别着急,跟我一步一步实现. 我们先把那些带复选框的列表弄好,还没加全选.全不选时候的状态,大

JQuery限制复选框checkbox可选中个数的方法

  这篇文章主要介绍了JQuery限制复选框checkbox可选中个数的方法,涉及jQuery操作复选框长度判断与属性修改的相关技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了JQuery限制复选框checkbox可选中个数的方法.分享给大家供大家参考.具体分析如下: 由于项目需要限制可批量操作的文件个数 所以写了一段小代码 如果选中个数大于允许的最大个数 其他复选框不能选择 如果小于则所有复选框都能选择 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1

jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

 本篇文章主要是对jQuery判断checkbox(复选框)是否被选中以及全选.反选实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery判断checkbox(复选框)是否被选中: if($("#id").attr("checked")==true)   jQuery实现checkbox(复选框)选中.全选/反选代码:    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

jQuery对checkbox 复选框的全选全不选反选的操作_jquery

先给大家展示下效果图,如果大家感觉还不错,请继续参考实现代码. HTML代码: <body> <ul id="list"> <li><label><input type="checkbox" name="items" value="1"> 1.时间都去哪儿了</label></li> <li><label><inp

jquery获取复选框checkbox的值实现方法_jquery

jQuery API : each(callback)::以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值

jquery 统计复选框checkbox选中个数

以前我使用js只能判断遍历再获取, 例1  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l

jquery获取复选框checkbox的值的简单实现方法_jquery

jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值