宝哥软件园

jquery实现全选、全不选以及单选功能

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

效果图:

代码如下:

链接rel='样式表href=' http://维基。吉克雪原。com/project/bootstrap 4/dist/CSS/bootstrap。量滴CSS ' rel='外部无跟随'脚本src=' http :https://cdn。静态的。鲁诺布。com/libs/jquery/1。10 .2/jquery。量滴js/script table class=' table-bounded ' class=' tab _ head ' tr TD输入类型='复选框角色名称/th角色说明/th所属系统正文输入类型='复选框TD/TD系统管理员运输署/运输署管理员角色运输署/运输署武进公安平台/TD/tr/tr输入类型='复选框TD/TD系统管理员运输署/运输署管理员角色运输署/运输署武进公安平台/TD/tr/tr输入类型='复选框TD/TD系统管理员运输署/运输署管理员角色运输署/运输署武进公安平台/td /tr /tbody /table脚本函数selectAll(){ $(' input[type=' checkbox ']').每个(函数(){ if($(this)).道具('选中')==true){ $(' input[type=' checkbox ']').prop('checked ',true);返回;} else { $(' input[type=' checkbox ']').prop('checked ',false);返回;} });}/脚本以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!

更多资讯
游戏推荐
更多+