Question

jquery table下改变input value值问题

<table width="800" cellspacing="0" cellpadding="0" >
<tr>
<td align="right" width="106">姓名：</td>
<td width="393"><input type="text" value="" /></td>
<td width="299" align="left"><input type="button" value="确 认" class="sure"/></td>
</tr>
<tr>
<td align="right">电话：</td>
<td><input type="text" /></td>
<td><input type="button" value="确 认" class="sure"/></td>
</tr>
</table>
如上代码，我想用jquery实现 点击button “确 认” 按钮时 value值变为“修 改”，同时input text 变为不可写状态，求高手指点

Answer 1

<tr>
<td align="right" width="106">姓名：</td>
<td width="393"><input type="text" id="name" value="" /></td>
<td width="299" align="left"><input type="button" id="submit" value="确 认" onclick="submit();" class="sure"/></td>
</tr>
js代码：
function submit(){
$("name").style="readonly:readonly";
$("submit").value="修改";

}

你试试看吧，简单的写了点，差不多就这个思路吧。。

Answer 2

首先你要把每个field都给一个标识值，比如赋id值，但按照你的要求，你的情况可以给class值更合适。
你给出的代码有四个input field，两个button field的class都是sure，另外两个text inpt的class你可以设为information。
那么你要的jquery代码可以这样写：

$(".sure").unbind().click(function(){
$(this).toggle(function(){
$(this).val("修改")},
function(){
$(this).val("确认")})；

$(this).parent().find("information").toggle(
function(){$(this).attr("disabled")},
function(){$(this).removeAttr("disabled")})；

})

Answer 3

$('input ').submit(function(){
$(this).val('修改');

$(this).attr(({ disabled: "true", readOnly: "true" })

})

Answer 4

$(function(){
$("input.sure").click(function(){
$(this).val("修改");

$(this).parent().siblings(":eq(1)").find("input").attr("disabled","disabled");

});

});
这样应该可以实现，没测试，楼主自己测测