js获取复选框的值

Misnice

于 2019-10-12 14:53:06 发布

阅读量546

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.youkuaiyun.com/Misnice/article/details/102520475

JavaScript 专栏收录该内容

65 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <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);  
}