版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/78819667
需求
-
在一个简单的Html页面中,我需要读取所有被选中的checkbox 元素所在区域的某一元素值(举例下拉框的weight值)的总和
-
框架 :ThinkPHP 3.2.3
Ⅰ. html 源代码
<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 代码编写/实现
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);
}
Ⅲ. 实现效果截图
附录