源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-12-24 17:33 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JQuery CheckBox(复选框)操作方法汇总
[img]http://files.jb51.net/file_images/article/201504/2015415132317344.jpg?2015315132326[/img] [b]1.   获取单个checkbox选中项(三种写法): [/b]
[u]复制代码[/u] 代码如下:
$("input:checkbox:checked").val()
或者
[u]复制代码[/u] 代码如下:
$("input:[type='checkbox']:checked").val();
或者
[u]复制代码[/u] 代码如下:
$("input:[name='ck']:checked").val();
[b]2.   获取多个checkbox选中项: [/b]
[u]复制代码[/u] 代码如下:
    $('input:checkbox').each(function() {             if ($(this).attr('checked') ==true) {                 alert($(this).val());             }      });
或者
[u]复制代码[/u] 代码如下:
('input:checkbox').map(function () {                return(this).val(); }).get().join(',') ;
[b]3.   设置第一个checkbox 为选中值: [/b]
[u]复制代码[/u] 代码如下:
$('input:checkbox:first').attr("checked",'checked');
或者
[u]复制代码[/u] 代码如下:
$('input:checkbox').eq(0).attr("checked",'true');
[b]4.   设置最后一个checkbox为选中值: [/b]
[u]复制代码[/u] 代码如下:
$('input:radio:last').attr('checked', 'checked');
或者
[u]复制代码[/u] 代码如下:
$('input:radio:last').attr('checked', 'true');
[b]5.   根据索引值设置任意一个checkbox为选中值: [/b]
[u]复制代码[/u] 代码如下:
$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
[u]复制代码[/u] 代码如下:
$('input:radio').slice(1,2).attr('checked', 'true');
[b]6.   选中多个checkbox: [/b]同时选中第1个和第2个的checkbox:
[u]复制代码[/u] 代码如下:
$('input:radio').slice(0,2).attr('checked','true');
[b]7.   根据Value值设置checkbox为选中值: [/b]
[u]复制代码[/u] 代码如下:
$("input:checkbox[value='1']").attr('checked','true');
[b]8.   删除Value=1的checkbox: [/b]
[u]复制代码[/u] 代码如下:
$("input:checkbox[value='1']").remove();
[b]9.   删除第几个checkbox: [/b]
[u]复制代码[/u] 代码如下:
$("input:checkbox").eq(索引值).remove();索引值=0,1,2....
如删除第3个checkbox:
[u]复制代码[/u] 代码如下:
$("input:checkbox").eq(2).remove();
[b]10.遍历checkbox: [/b]
[u]复制代码[/u] 代码如下:
$('input:checkbox').each(function (index, domEle) { //写入代码 });
[b]11.全部选中 [/b]
[u]复制代码[/u] 代码如下:
     $('input:checkbox').each(function() {       $(this).attr('checked', true);      });
[b]12.全部取消选择: [/b]
[u]复制代码[/u] 代码如下:
$('input:checkbox').each(function () {  $(this).attr('checked',false); });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部