前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JQuery 遍历被选中的checkbox元素

JQuery 遍历被选中的checkbox元素

作者头像
泥豆芽儿 MT
发布2018-09-11 11:23:41
2.1K0
发布2018-09-11 11:23:41
举报
文章被收录于专栏:木头编程 - moTzxx

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1333738

需求

  1. 在一个简单的Html页面中,我需要读取所有被选中的checkbox 元素所在区域的某一元素值(举例下拉框的weight值)的总和
  2. 框架 :ThinkPHP 3.2.3

Ⅰ. html 源代码

  • 如下的代码只是其中的一部分
代码语言:javascript
复制
     <li class="li-user-addr" addr_id="{$vo.address_id}">
          <input type="checkbox" class="cb_addr" id="cb_{$vo.address_id}"/>
          <span>tip: I will find you !</span>
          <p>配送重量
              <select name="weight">
                  <option value="5">5</option>
                  <option value="10">10</option>
                  <option value="15">15</option>
              </select>
              kg</p>
          <img src="__MIMG__/dzckjt.jpg"/>
      </li>

Ⅱ. Js 代码编写/实现

代码语言:javascript
复制
var allWeight = 0;
//TODO 取出所有被选中的 checkbox 元素
var cb_checked = $('.cb_addr:checked');
var cblen = cb_checked.length;
if (cblen == 0){
    //如果没有选中的元素
    alert('请选择要分配的地址');
}else {
    //TODO 可进行遍历操作
    $.each(cb_checked,function(){
        var id_tag = ($(this).parent().attr("addr_id"));
        allWeight += parseInt($("#sel-"+id_tag).attr("value"));
    });
    alert(allWeight);
}

Ⅲ. 实现效果截图

附录

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017年12月16日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 需求
  • Ⅰ. html 源代码
  • Ⅱ. Js 代码编写/实现
  • Ⅲ. 实现效果截图
  • 附录
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档