<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.ge_table{ width:%;}
.ge_table td{ height:44px; line-height:26px;}
.hide_border{border:none;padding-left: 5px;line-height: 26px;width:205px;height: 26px;}
.ge_input{border:1px solid #ccc;padding-left:5px;line-height:26px;width:205px; height:26px;}
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<body>
<input name="name" type="text" class="ge_input" warntip="#warn_name" vrel="ne=m:请输入商品名称|sz=max:50,min:2,m:最少2汉字，最多50个汉字" value="" style=""/>
<input type="text" name="input1" value="中国" disabled="true"> <table cellpadding="" cellspacing="" border="" class="ge_table"> <tr>
<td>收货人姓名：</td>
<td >
<input type="text" class="ge_input" id="inputConsignee" onblur="checkConsignee()" />
<p id="consigneeMsg"></p>
</td>
</tr>
<tr>
<td class="td"><input type="button" class="button2" id="sure" onclick="makeSure()" value="确认" />
<input type="button" class="button2" id="cancle" value="修改" onclick="updateMsg()" /></td>
</tr>
</table>
</body>
<script type="text/javascript"> function makeSure() {
alert("");
$("input.ge_input").each(function(){
$(this).removeClass().addClass("hide_border").attr("readonly",true);
console.log(this);
});}; function updateMsg(){
alert("");
$("input.hide_border").each(function(){
$(this).removeClass().addClass("ge_input").attr("readonly",false);
});
};
</script>
</html>