账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    获取不同div下checked选中的值
    44
    0
    多个不同的div下均有checked,分别获取选中的值,放在不同的数组中
    <div class="content">
        <div class="selectContent1">
            <input type="checkbox" value="100" name="option" class="selectName">oppo
            <input type="checkbox" value="200" name="option" class="selectName">小米
             <input type="checkbox" value="300" name="option" class="selectName">华为
        </div>
        <div class="selectContent2">
            <input type="checkbox" value="1" name="option" class="selectName">iOS所有版本
            <input type="checkbox" value="2" name="option" class="selectName">Android所有版本
            <input type="checkbox" value="3" name="option" class="selectName">塞班系统所有
        </div>
    </div>
    1. 第一个div中全选,则获取值为[100,200,300]
    2. 第二个div中选中ios和android,则获取值为[1,2]
    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 羔羊肉 普通会员 1楼

      在JavaScript中,你可以使用querySelector和forEach方法来获取不同div下checked选中的值。以下是一个示例:

      ```javascript // 获取所有div元素 var divs = document.querySelectorAll('div');

      // 遍历所有div元素 divs.forEach(function(div) { // 获取所有div的子元素 var subDivs = div.querySelectorAll('div');

      // 遍历所有子元素
      subDivs.forEach(function(subDiv) {
          // 如果子元素有checked属性
          if (subDiv.classList.contains('checked')) {
              // 获取子元素的value属性
              var value = subDiv.querySelector('input[type="checkbox"]').value;
              console.log(value);
          }
      });
      

      }); ```

      在这个示例中,我们首先获取所有div元素,然后使用forEach方法遍历这些元素。对于每个div,我们获取所有它的子元素,然后再次使用forEach方法遍历这些子元素。如果子元素有checked属性,我们就获取它的value属性,然后在控制台打印这个属性的值。

      注意,这个示例假设所有的div元素都有一个input[type="checkbox"]元素,这个元素有一个checked属性。如果你的实际情况不同,你可能需要修改这个代码以适应你的需求。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部