Jquery和JS获取Table中tr标签的值以及赋值问题

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>

就是这么简单 ;前段代码太懒,只能做为笔记记录;

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值