js获取复选框的值

最新推荐文章于 2022-03-30 16:26:55 发布

原创最新推荐文章于 2022-03-30 16:26:55 发布 · 564 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js

JavaScript 专栏收录该内容

66 篇文章

订阅专栏

本文介绍了一个使用JavaScript操作DOM元素的简单案例，展示了如何通过querySelectorAll方法获取页面中所有的checkbox元素，并检查哪些已被选中。

 <div class="demo">
      <input type="checkbox" name="write" class="check" title="写作">
      <input type="checkbox" name="read" class="check" title="阅读">
      <input type="checkbox" name="ldaze" class="check" title="发呆">
 </div>

js代码

function fn(){
    var domNum = document.querySelectorAll(".check"); //  获取checkbox对象,是一个数组对象
    var domChecked = []; //用于存储已选择的选项值
    for (let i = 0; i < domNum.length; ++i) { //遍历数组中的对象，查看有没有被选择的值
        if (domNum[i].checked) {  //domNum[i].checked为true代表被选择
            domChecked.push(domNum[i]);  //把被选择dom对象存在数组里
        }
    }
    if (domChecked == "") {  //domChecked为空代表没有选择
        console.log("没有被选中的选项");
    } 
    console.log(domChecked);  
}