点击按钮获取所有选中的复选框value(<input type='checkbox' class='txtcheck' value='8'>8点开抢)的案例(JS实现)

在JavaScript中，你可以通过事件监听机制来获取用户点击按钮时所有选中的复选框的值。这里是一个简单的例子：

HTML部分:

<input type="checkbox" class="txtcheck" value="8">8点开抢<br>
<input type="checkbox" class="txtcheck" value="10">10点开抢<br>
<input type="checkbox" class="txtcheck" value="12">12点开抢<br>
<button id="submitBtn">获取选中值</button>

JavaScript部分:

document.getElementById("submitBtn").addEventListener("click", function() {
  var checkboxes = document.getElementsByClassName("txtcheck");
  var selectedValues = [];
  
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) { // 检查是否勾选
      selectedValues.push(checkboxes[i].value); // 如果勾选，则添加值到数组中
    }
  }

  console.log(selectedValues); // 打印出所有选中的复选框的值
});

在这个例子中，当用户点击id为"submitBtn"的按钮时，会触发函数，该函数遍历所有的复选框，如果某项复选框被选中（`checkboxes[i].checked`为true），就将它的value值添加到`selectedValues`数组中。最后，控制台会打印出这个数组。