为多个文本框设置Readonly onclick

时间:2013-06-03 20:02:51

标签: php javascript

我在PHP编码。我有一张包含' x'文本框的数量。 ' X'而变化。

我想最初只读取文本框。但是当我点击文本框时,它应该是可编辑的。

我可以编写固定数量的文本框的代码。但我想知道它是如何为变量数做的。

我的示例代码:

<form>
<?php 
for($i=0;$i<$x;$i++)
{
   echo("<input name='fe_text[]' type='text' readonly /><br/>");
}
 ?>
<input type="submit" value="submit"/>
</form>

2 个答案:

答案 0 :(得分:0)

试试这个

$('body').on('click', 'input[type=text]', function(){
    $(this).removeAttr('readonly');
});

答案 1 :(得分:0)

onclick事件只是一点点诡计:

echo("<input name='fe_text[]' type='text' readonly onclick="this.readOnly=false" /><br/>");

或者您可以使用jQuery事件

$('#input-container').on('click', 'input' function()
{
   $(this).prop('readonly', false);
});