轉換明文到<INPUT TYPE =「文本」>

我有多個只讀文本框這樣轉換明文到<INPUT TYPE =「文本」>

<div id="box"> 
<form method="post" action=""> 
<input type="text" readonly="readonly" name="1" value="A" border="0" /> 
<input type="text" readonly="readonly" name="2" value="B" border="0" /> 
<input type="text" readonly="readonly" name="3" value="C" border="0" /> 
<input type="text" readonly="readonly" name="4" value="D" border="0" /> 
<input type="button" value="EDIT" /> 
</form> 
</div>

欲此只讀文本框轉換成可編輯文本框與邊界上點擊編輯按鈕。

我該如何使用JQuery來實現這一點？

來源

2010-07-13 MANnDAaR

這裏的解決方案，http://jsfiddle.net/NXCBQ/1/

個

JS：

$(document).ready(function() { 
    $("#edit-button").click(function() { 
     $(".someClass").each(function() { 
      $(this).removeAttr("readonly"); 
      $(this).addClass("borders"); 
     }); 
    }); 
});

CSS：

它

input.borders { 
    border:1px solid black; 
}

來源

2010-07-13 21:09:11

未經測試，但：

$('input[type=button]').click(function(){ 
    $('input[type=text]').removeAttr('readonly').attr('border', '1'); 
});

編輯：我寧願把邊境：

.css('border', '1px solid #000')

，而不是

.attr('border', '1')

來源

2010-07-13 21:03:23

如果我的左手腕也不會斷裂，我會打敗你:) – 2010-07-13 21:07:12

笑我的夥伴在我的左邊，在工作中同樣的情況..我是一個你知道的機會主義者;） – 2010-07-13 23:25:09

$("input[type=button]").click(function() { 
    $("input[type=text]").removeAttr("readonly").removeAttr("border"); 
});

來源

2010-07-13 21:03:55

轉換明文到<INPUT TYPE =「文本」>

回答

相關問題