js 实现全选,反选和选中指定项

1,先介绍两个 函数

①each()在这里用于循环对象数组

语法和参数介绍:

$(selector).each(function(index,element))

//@param1 数组下标
 //@param2:当前元素【js dom操作采用,jq用$(this) 代替】

②prop() 方法设置或返回被选元素的属性和值,用法和attr()基本一致

提示:关于jq中prop()和attr()区别请参考:https://www.cnblogs.com/smartXiang/p/5686800.html

2,实现全选和反选功能

//全选 
function all_select() {
        $("input:checkbox").prop('checked',true);
    }
///反选---取消全选
    function cancel_all_se(){
        $("input:checkbox").prop('checked',false);
    }

3,获取选中项

//获取选中项的值--并放入数组中
function get_val() {
        var arr = [];
        $("input:checkbox:checked").each(function(i,e){
            arr[i]=e.value;//js 写法
            arr[i]=$(this).val()//jq 写法

        });
        console.log(arr);
    }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值