如何使按钮禁用/启用单击

How to make a button disable/enable on click?

本文关键字：启用 单击 何使 按钮      更新时间：2023-09-26

我有一个类似于，不完全像这样的html，但只是给你一个想法。

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

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

你能帮我做这件事吗?

Thanks in advance

<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();
 });

试试这个:

    <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" />

给你的文本框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.  
    });
})

考虑如下所示的按钮:

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

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

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

就是这样. . ! !

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

演示

你可以试试:

 <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();">

查看此javascript的工作示例和使用javascript的可能解决方案。

使用jQuery 1.6+检查这个jQuery 1.6+。如果您想使用jQuery 1.5-，只需将prop更改为attr。

希望有用!

相关文章：