Question

我有一些类似的东西，不完全是这样，但只是为了给你一个想法。

    <input type="text" disabled="disabled" name="ip" />
    <input type="text" name="name" />
    <input type="text" name="email" />
    <input type="submit" value="send" />

IP字段已禁用，我想在其旁边放一个按钮，这将启用该字段而不刷新页面。

你能帮我这么做吗？

提前致谢

Answer 1

<input type="text" disabled="disabled" name="ip" id='ip' />
<input type="button" name="control" id="control" />
<input type="text" name="name" />
<input type="text" name="email" />
<input type="submit" value="send" />

现在将jquery代码放在文件末尾

 $( "#control" ).click(function() {
    $('#ip').toggleDisabled();
 });

Answer 2

为您的文本框提供ID。

<input type="text" disabled="disabled" name="ip" id="YourID"/>

在jquery中：

$(document).ready(function(){
    $('#YourButtonID').click(function(){
    if($('#YourID').prop('disabled'))
         $('#YourID').prop('disabled', false)
    else
         $('#YourID').prop('disabled', true)
         //Do nothing if not required.  

    });
})

Answer 3

考虑您的按钮，如下所示：

<input type="text" disabled="disabled" name="ip" /> <input type="button" id="myButton" />

现在，点击它旁边的按钮，你必须删除jquery中ip按钮的禁用属性：

$("#myButton").click(function(){
    $("input[name='ip']").removeAttr('disabled');
});

那就是...... !!

Answer 4

试试这个：

    <input type="text" disabled="disabled" name="ip" id="ip" />
    <input type="button"  value="Refresh" onclick="$('#ip').attr('disabled',false);">
    <input type="text" name="name" />
    <input type="text" name="email" />
    <input type="submit" value="send" />

Answer 5

您可以使用attr("disabled",false)删除disabled属性

Demo

Answer 6

你可以试试这个：

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script>
function enable(){
    $('#ip').prop("disabled",false);
}
 </script>
 <input type="text" disabled="disabled" name="ip" id="ip" />
 <input type="button"  value="Refresh" onclick="enable();">

Answer 7

使用javascript检查此javascript以获取工作示例和可能的解决方案。

使用jQuery 1.6+检查此jQuery 1.6+。如果您想使用jQuery 1.5-，只需按prop更改attr。

希望它有用！

如何在点击时禁用/启用按钮？

7 个答案: