知识点:
Note:
1:
.prop() 和 .attr() 方法的区别
.prop() 针对标签既有属性
.attr() 针对自定义属性
2:
$('input:checked')即为选中元素。
---------------------------------------------------
场景——项目管理需求如下图:
选中全部或部分 成果名称 跳转带至下个页面
成果名称 所属单位 归属产业 成果分类 成果所属项目 成果收益 时间 详情 5546 sa;djfolskfj spdjfl;ksf s;ldfk sosidjfo lskjflksdf sldjfl 进入详情 65+ sa;djfolskfj spdjfl;ksf s;ldfk sosidjfo lskjflksdf sldjfl 进入详情 656546+ sa;djfolskfj spdjfl;ksf s;ldfk sosidjfo lskjflksdf sldjfl 进入详情 65+ sa;djfolskfj spdjfl;ksf s;ldfk sosidjfo lskjflksdf sldjfl 进入详情 656546+ sa;djfolskfj spdjfl;ksf s;ldfk sosidjfo lskjflksdf sldjfl 进入详情
js
$('.totalCheck').change(function(){ $('.elCheck').prop('checked',$(this).prop('checked'));})checkFun();function checkFun(){ $('.elCheck').click(function(){ if(!$(this).prop('checked')){ $('.totalCheck').prop('checked',false); $(this).prop('checked',false); }else{ $(this).prop('checked',true); } })}
$('.psszBtn').click(function(){ var proNameArr= []; for(var i = 0; i< $('input:checked').length;i++){ proNameArr[i] = { 'id':i, //项目ID 'proName':$('input:checked').eq(i).parents('td').siblings('.proName').text() }; }; console.log(proNameArr);})