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