Jquery和JS获取Table中tr标签的值以及赋值
业务场景:根据 类型,给比例赋值,是当前td比例动态变化;废话少说,直接上代码
1、以下是HTML代码;
<div class="col-xs-12 noTableTdBorder">
<table id="changeWwjdTable" class="table-input">
<tbody>
<tr>
<th width="20%"><i>编号</i></th>
<th width="20%"><i>类型</i></th>
<th width="20%"><i>人</i></th>
<th width="30%"><i>进度</i></th>
<th width="30%"><i>比例</i></th>
</tr>
</tbody>
<tbody>
<#if listMode?? && (listMode?size>0) >
<#list listMode as mode>
<tr>
<td><input type="text" readonly="readonly" class="ywbh" value="${(mode.ywbh)!''}" name="ywbh" ></td>
<td><input type="text" readonly="readonly" class="ywlx" value="${(mode.ywlx)!''}" name="ywlx" ></td>
<td>
<input type="text" vRequired="true" class="ywjsr" value="${(mode.ywjsr)!''}" style="margin-bottom: 1px;" name="ywjsr" id="ywjsr">
</td>
<td style="padding-left: 16px;padding-right: 16px;">
<select vRequired="true" class="input-xs form-control ywjd" style="margin-bottom: 1px;" sValue="${(mode.ywjd)!''}" name="ywjd" id="ywjd">
<option value="">请选择</option>
<option value="已过户" >已过户</option>
<option value="未过户">未过户</option>
</select>
</td>
<td><input type="text" readonly="readonly" class="yjbl" value="<#if mode.ywjd=='未过户'>30%<#elseif mode.ywjd=='已过户'>10%</#if>" name="yjbl" ></td>
</tr>
</#list>
</#if>
</tbody>
</table>
</div>
2、以下是js代码;
<script>
$(function () {
/**获取Table列表数据**/
$('#changeWwjdTable').find('tr').each(function(){
var _this=this,_=function(a){return $(_this).find(a)};
/**选择过户状态**/
_("#ywjd").click(function(){
if($(_this).find('.ywjd :selected').val() == '已过户'){
$(_this).find('.yjbl').val('10%');
}else{
$(_this).find('.yjbl').val('30%');
}
});
});
})
</script>
就是这么简单 ;前段代码太懒,只能做为笔记记录;