博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jq 操作表单中 checkbox 全选 单选
阅读量:6885 次
发布时间:2019-06-27

本文共 2363 字,大约阅读时间需要 7 分钟。

 

知识点:

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

  

 

  

转载于:https://www.cnblogs.com/xiaomaotao/p/9803987.html

你可能感兴趣的文章
Python文件夹复制
查看>>
细谈 vue 核心- vdom 篇
查看>>
ajax+springmvc实现跨域请求
查看>>
SaltStack快速入门-配置管理
查看>>
批处理研究(QQ绿化和卸载)
查看>>
对比农行与建行网银业务办理流程
查看>>
Oracle 11G RAC 安装图示(一)
查看>>
【xpghost】xp系统启动后迟延问题如何解决
查看>>
浅谈ElasticSearch的嵌套存储模型
查看>>
离开外包又一段时间了
查看>>
aapt 解析android apk
查看>>
Layout Inflation不能这么用
查看>>
APNS远程推送证书的申请和制作——详细解析
查看>>
mongodb2.6.5--FAQ之分片(sharding)
查看>>
快速搭建Web环境 Angularjs + Express3 + Bootstrap3
查看>>
Android卫星菜单:android-satellite-menu
查看>>
Android 事件机制
查看>>
Sugarnms智和网管软件在煤矿监控系统中的应用
查看>>
Android Recyclerview 简单实用 瀑布流等方式,并加入上下拉加载
查看>>
Linux驱动开发学习日记
查看>>