javascript - 选中所有复选框

标签 javascript html

我创建了一个包含很多复选框的表,但现在我希望能够使用“通用”复选框。

像这样:

<tr>
      <th scope="row">Indice</th>
      <td><input type="checkbox" id="check1"></td>
      <td><input type="checkbox" id="check2"></td>
      <td><input type="checkbox" id="check3"></td>
      <td><button onclick="check()">Check Checkbox</button>
          <button onclick="uncheck()">Uncheck Checkbox</button></td>  
</tr>

我已经在 javascript 上完成了这个:

<script>
function check()
  {
  document.getElementById("check1").checked=true
  document.getElementById("check2").checked=true
  document.getElementById("check3").checked=true
  }
function uncheck()
  {
  document.getElementById("check1").checked=false
  document.getElementById("check2").checked=false
  document.getElementById("check3").checked=false
  }
function selectAll(frmElement, chkElement) {
    // ...
}
document.getElementById("check_all_1").onclick = function() {
    selectAll(document.wizard_form, this);
}
</script>

到目前为止一切顺利...但是...想法是从数据库中获得一些结果,并且没有任何变化我正在执行这个 javascript“check3”,“check4”...我应该怎么做那?

最佳答案

试试这个

function selectAll(chkElement) {
  checkboxes = document.getElementsByName('n');
  for(var checkbox in checkboxes)
   checkbox.checked = chkElement.checked;
}

其中“n”是名称

关于javascript - 选中所有复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17528005/

相关文章:

javascript - 如何使用 JavaScript 将富文本内容复制到剪贴板?

html - GoogleFont服务不可用时如何加载自托管字体文件?

javascript - 解析angular2中的xml以在 View 中呈现

javascript - 从右向左过渡

javascript - 禁用 jQuery 中的按钮,直到所有必填字段都有值(特别是选择)

javascript - 根据下拉选择设置附加 div 的颜色

javascript - 将更新部署到 GitHub 后收到错误 "Cannot find module ' fs/promises'"

c# - 轴 #0 的数据列不能是字符串类型 - Google 图表

html - CSS 阴影属性未显示在多边形对象上

php - CSS背景和表单定位缩放