jQuery获取checkbox是否选中的状态

jQuery获取checkbox是否选中的状态

在实际的开发中,我们有时候会需要获取checkbox的选中和不选中状态,比如说,我们做一个购物车的需求,需要全选、不全选、反选等操作,这些都会用到checkbox;
现在我们要求当我们选中的时候,购物车里面的金额和商品数量会发生变化,这就需要在js里面获取checkbox的选中状态;下面是使用angularjs和jQuery的实现方法:
html代码:

<input type="checkbox" id="{{placeAnOrder.type}}" name="shoppingCurtList" 
ng-click="everyLastCheck(placeAnOrder)"/>

JavaScript代码实现:

$scope.everyLastCheck = function (placeAnOrder) {
    if($("#"+placeAnOrder.type).is(':checked')){
        //dosomething
     }else{
        //dosomething
      }
    }

上面使用了$(‘#id’).is(‘:checked’)获取checkbox是否被选中,我上面写成$(“#”+placeAnOrder.type).is(‘:checked’)的原因是我这里使用了动态获取id的方式。
还有两种获取checkbox的方式是:

//使用attr获取
$('#id').attr('checked')
//使用get获取
$("#checkbox-id")get(0).checked

后面的两种获取方式,亲自测试不管用,最后打印日志,都是提示undefined。

你可能感兴趣的:(jQuery)