table实现th动态修改

html代码

<th><input type="text" id="${child.id}pf" class="price" readonly="readonly" onkeyup="value=value.match(\d+\.?   \d{0,2}/,'')" ondblclick="editPrice(${child.id},'pf')"value="${child.base_price_pf}"></th>
										

js代码

function editPrice(id,status){
		var price=$('#'+id+status).val();
		$('#'+id+status).removeAttr("readonly");
		
		$('#'+id+status).blur(function(){
			$('#'+id+status).attr("readOnly","true");
			var reprice=$('#'+id+status).val();
			var url="basePrice/updateBasePrice";
			if(reprice==price){
				$('#'+id+status).val(price);
				return;
			}
			
			if(reprice==null||reprice==''){
				$('#'+id+status).val(price);
				return;
			}
			
			$.post(url,{id:id,status:status,price:reprice},function(result){
				if(result.success){
					$('#'+id+status).val(reprice);
					layer.msg("修改成功");
				}else{
					$('#'+id+status).val(price);
					layer.msg("修改失败");
				}
			})
		});
	}

我这个是在th中插入了一个input框实现的实现效果