Question

这是我的代码;

从数据库我的按钮加载数据，加载完成后，我想触发一些客户端脚本，在我的senario中，点击第一个按钮后，想要禁用点击按钮，并启用secon按钮（可单击元素）我可以禁用fisrt按钮，我不能启用secont按钮 **

第一个按钮

 <button type="button"  class="btn  btn-default" 
                              onclick=" 
                              var resetbtnid = '#m-' + $(this).attr('id'); //I am getting 


                              $(this).prop('disabled', true);
                              $('#resetbtnid').removeAttr('disabled');

                              "
                             name='<%# DataBinder.Eval(Container.DataItem,"Fiyat") %>'
                             id='<%# DataBinder.Eval(Container.DataItem,"Id") %>' >
                             <span class="glyphicon glyphicon-ok-sign"></span></button>

第二个按钮

 <button type="button" disabled="disabled"  class="btn btn-default"
    id='m-<%# DataBinder.Eval(Container.DataItem,"Id") %>' 
    name='<%# DataBinder.Eval(Container.DataItem,"Fiyat") %>' >
     <span class="glyphicon glyphicon-minus-sign"></span></button>

Answer 1

您的选择器不正确。在您的代码$('resetbtnid').removeAttr('disabled')

中

如果您需要#

等ID选择器，请使用$('#resetbtnid').removeAttr('disabled')

您可以.prop()使用$('#resetbtnid').prop('disabled', true/false)

将.用于班级选择器。

编辑：

由于resetbtnid是变量，因此不使用引号

 var resetbtnid = '#m-' + $(this).attr('id'); 
 $(resetbtnid).removeAttr('disabled');

Answer 2

试试这个：

//启用

$('#buttonID').attr('disabled', 'disabled');

//禁用

$('#buttonID').removeAttr('disabled');

Answer 3

当有两个按钮时，一个被启用（默认），第二个被禁用，它在代码中看起来像这样

HTML：

<button id="btn1" />
<button id="btn2" disabled="disabled" />

JS：

$(document).ready(function() {
        $('#btn1').click(function () {
            $('#btn1').prop('disabled', 'disabled');
            $('#btn2').prop('disabled', false);
        })
    })

那应该做的工作！

通过jquery禁用按钮

3 个答案: