宝哥软件园

分析jQuery实现表复选框全选的方法

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

本文通过一个例子说明了jQuery选择表中所有复选框的方法。分享给大家参考,如下:

如今,页面中使用jQuery来选择所有的框,如图所示:

具体实施过程很简单:

第一步

设计一个简单的表格:

设置表格列标题,列标题中的单选框为全选框;

设置表单问题,表单问题的单选框为普通单选框:

表和tr td输入类型=' checkbox ' on click=' selectAll(this . checked)'//TD/tr/表和tbody tr td输入类型=' checkbox ' name=' check '/Tddinput type=' checkbox ' name=' check '/Tddinput type=' checkbox ' name=' check '/TD/tr/Tbody/表步骤2

通过jQuery,单击所有框时所有单选框都被选中,再次单击所有框时所有单选框都被取消选中:

函数select all(select status){//传入的参数(所有单选框的选中状态)//根据name属性获取单选框的输入,使用各方法if(select status){ $(' input[name=' check ']'循环设置所有单选框的选中状态)。每个(功能(I,n) {n .已检查。});}else{ $('input[name='check']')。每个(函数(I,n){ n . checked=false;});}}好了,你说完了!

Ps:各位朋友,别忘了介绍jQuery的js文件!

可用的cdn包括:

script src=' http :3358 libs . Baidu.com/jQuery/2 . 0 . 0/jQuery . min . js '/script更多对jQuery感兴趣的读者请查看本网站专题:《jQuery表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》。

希望本文对大家的jQuery程序设计有所帮助。

更多资讯
游戏推荐
更多+