disable button via jquery

Question

here is the my code;

Loading data from database my buttons,after loading finished,I want to trigger some client script,.in my senario,after clicked the first button ,want to disable clicked button, and enable the secon button(clickable element) I am able to disabled fisrt button, I couldnt enable secont button though **

First button

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

Second 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>

Satpal · Accepted Answer · 2013-12-14 12:09:09Z

3

Your selector is incorrect. In your code $('resetbtnid').removeAttr('disabled')

Use # if you want ID selector like $('#resetbtnid').removeAttr('disabled')

You can use .prop() like $('#resetbtnid').prop('disabled', true/false)

Use . for class selector.

EDIT:

As resetbtnid is a variable use it without quotes

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

edited Dec 14, 2013 at 12:09

answered Dec 14, 2013 at 12:01

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Satpal Over a year ago

@user2460637, use $(resetbtnid).removeAttr('disabled');

Ringo · Accepted Answer · 2013-12-14 12:01:33Z

1

Try this:

//Enable

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

//Disable

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

answered Dec 14, 2013 at 12:01

Ringo

3,9973 gold badges26 silver badges39 bronze badges

2 Comments

sakir Over a year ago

need eabled not disabled

Ringo Over a year ago

Sorry the question's title told me that!:)

ilter · Accepted Answer · 2013-12-14 12:16:33Z

1

When there are two buttons, one is enabled (default), the second is disabled, it looks like this in code

HTML:

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

JS:

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

That should do the job!

answered Dec 14, 2013 at 12:16

ilter

4,0793 gold badges37 silver badges52 bronze badges

Collectives™ on Stack Overflow

disable button via jquery

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related