js react 全选和反选
2024-09-07 02:22:07
onCheckAll = (data) => {
var CheckBox = document.getElementsByName(data);
for(let i=0;i<CheckBox.length;i++){
if(CheckBox[i].checked==true){
CheckBox[i].checked=false;
} else{
CheckBox[i].checked=true
}
};
} const columnWBS = [
{title:'WBS节点名称',dataIndex:'label'},
{title:'权限',dataIndex:'qx',
render: (text, record, index) =>(
<span >
<Button size="small" onClick={this.onCheckAll.bind(this,record.key)} style={{marginRight:'5px'}}> 全选</Button>
<span id="checkBoxWrap">
<input type="checkbox" name={record.key} style={{marginLeft:'5px'}}/> 添加
<input type="checkbox" name={record.key} style={{marginLeft:'5px'}}/> 删除
<input type="checkbox" name={record.key} style={{marginLeft:'5px'}}/> 编辑
<input type="checkbox" name={record.key} style={{marginLeft:'5px'}}/> 查看
</span>
</span> )}]
最新文章
- import matplolib 时出现";This probably means that tk wasn&#39;t installed properly.";的解决方法
- biweb添加新的模块
- MAC 卸载 mysql
- 品读吴军";之";系列
- SSL/TLS协议工作流程
- socket的异步回调函数,采用一问一答
- js如何检测打开窗口是否存在的三个方法?
- html input设置为只读属性
- 【BZOJ3439】 Kpm的MC密码 (TRIE+主席树)
- webpack 3.X学习之初始构建
- 影响CSS的margin合并的几个属性
- 51nod OJ P1008 N的阶乘 mod P
- 微信小程序 条件渲染 wx:if
- AI 偏微分方程
- 11-(基础入门篇)WiFi模块开发,下载运行第一个程序
- ajax函数说明
- dataframe使用笔记
- 安装 rabbitmq ,通过生成器获取redis列表数据 与 Celery 分布式异步队列
- HK设备安全补丁升级方案
- FTP和TCP、UDP