jQuery操作checkbox选择

attr 更加jquery版本 缓存prop

1. 判断checkbox(复选框)是否被选中 

很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr("checked")==true)

if($("#id").is(":checked")== true)

2. 全选

  $("[name = chkItem]:checkbox").attr("checked", true);

3、全不选

$("[name = chkItem]:checkbox").attr("checked", false);


4. 反选

$("[name = chkItem]:checkbox").each(function () {
                     $(this).attr("checked", !$(this).attr("checked"));
                 });

5.选中所有奇数

 $("[name='checkbox']:even").attr("checked",'true');


6.获得选中的所有值

$("[name='checkbox'][checked]").each(function(){
     str+=$(this).val()+""r"n";
    })


7、获取单个checkbox选中项(三种写法)

$("input:checkbox:checked").val()
或者
$("input:[type='checkbox']:checked").val();
或者
$("input:[name='ck']:checked").val();


8.获取多个checkbox选中项

$('input:checkbox').each(function() {
        if ($(this).attr('checked') ==true) {
                alert($(this).val());
        }
});


9.设置第一个checkbox 为选中值

$('input:checkbox:first').attr("checked",'checked');

或者
$('input:checkbox').eq(0).attr("checked",'true');

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

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

11、选中多个checkbox同时选中第1个和第2个的checkbox
$('input:radio').slice(0,2).attr('checked','true');

12、根据Value值设置checkbox为选中值
$("input:checkbox[value='1']").attr('checked','true');


  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值