checkbox全选功能,选中所有框放到一个,拼接的字符串

<th><input type="checkbox"   class="check-all" (click)="checkedAll($event)"></th>

 <td><input type="checkbox" value={{s.id}}  class="orderCheck" (click)="checkedcli()"></td>

js--------

//全选
checkedAll(event) {
const checkboxs = Global._document.getElementsByClassName(‘orderCheck’);
for (const checkbox of checkboxs) {
if (event.target.checked) {
checkbox.checked = true;
} else {
checkbox.checked = false;
}
}
}

checkedcli() {
  const checkAll = Global._document.getElementsByClassName('check-all');
  const checkboxs = Global._document.getElementsByClassName('orderCheck');
  var ca = true;
  for (const checkbox of checkboxs) {
    if (!checkbox.checked) {
      ca = false;
    }
  }
  checkAll[0].checked = ca;
}

选择选中的框 并且value值 放到一个字符串中
var idstr = $(“input[name=‘checkbox’]:checked”).map(function() {
return $(this).val();
}).get().join(’,’);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现在 QTableView 中使用一个全选的复选来选择整列的复选,你可以通过以下步骤来实现: 1. 确保你的模型中的某一列用于显示复选。你可以使用 QStandardItemModel 或自定义的模型来实现这一点。 2. 创建一个 QCheckBox 作为全选的复选。 3. 在视图的表头中插入这个全选的复选。 4. 连接全选复选的状态改变信号到一个槽函数。 5. 在槽函数中遍历整列,并设置复选的状态。 以下是一个示例代码,演示如何在 QTableView 中使用一个全选的复选来选择整列的复选: ```cpp #include <QCheckBox> #include <QHeaderView> //... // 创建一个 QCheckBox 作为全选的复选 QCheckBox* selectAllCheckBox = new QCheckBox(); selectAllCheckBox->setTristate(false); // 设置为二态复选 // 将全选的复选插入表头视图 tableView->horizontalHeader()->setSectionResizeMode(QHeaderView::Interactive); tableView->setViewportMargins(selectAllCheckBox->width(), 0, 0, 0); tableView->horizontalHeader()->viewport()->layout()->addWidget(selectAllCheckBox); // 连接全选复选的状态改变信号到槽函数 connect(selectAllCheckBox, &QCheckBox::stateChanged, this, &MyClass::onSelectAllCheckBoxStateChanged); // 槽函数:处理全选复选状态改变事件 void MyClass::onSelectAllCheckBoxStateChanged(int state) { // 遍历整列,设置复选的状态 for (int row = 0; row < model->rowCount(); ++row) { QModelIndex index = model->index(row, checkboxColumnIndex); // checkboxColumnIndex 表示复选所在的列索引 model->setData(index, state, Qt::CheckStateRole); } } ``` 在这个例子中,我们首先创建了一个 QCheckBox 作为全选的复选。然后,我们将全选的复选插入到表头视图中。为了确保复选出现在正确的位置,我们设置了适当的视口边距和布局。 最后,我们连接了全选复选的状态改变信号 `stateChanged` 到槽函数 `onSelectAllCheckBoxStateChanged`。在槽函数中,我们遍历整列,并根据全选复选的状态设置相应的数据。 注意:在示例代码中,你需要将 `checkboxColumnIndex` 替换为实际的复选所在列的索引。 希望这个回答对你有所帮助!如果还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值