diasable buttons in a table with the same class

Question

I have an html page with jquery that contains a table with buttons in a column as following. I need to disable all buttons with class Crem.

I have try the following but not working.

$(document).ready(function() {
     $( ".Crem" ).prop( "disabled", true);
}

<table id="settlementsd" class="table table-striped">
<thead>
</thead>
<tbody>
<tr>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th><button type="submit" id="stlmtdadd" class="Crem btn btn-sm btn-info" ><span class="glyphicon glyphicon-plus-sign"></span> </button></th>
</tr>
<tr>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th><button type="submit" id="stlmtdadd" class="Crem btn btn-sm btn-info" ><span class="glyphicon glyphicon-plus-sign"></span> </button></th>
</tr>
<tr>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th><button type="submit" id="stlmtdadd" class="Cadd btn btn-sm btn-info" ><span class="glyphicon glyphicon-plus-sign"></span> </button></th>
</tr>

</tbody>
<tfoot>
</tfoot>
</table>

You explained what you want to do.. but you haven't explained what is the problem and where you got stuck. — Mr_Green, Aug 29 '16 at 13:05
What do you mean disable? `$('.Crem').prop('disabled', true);` — vaso123, Aug 29 '16 at 13:06
Just look at this answer: http://stackoverflow.com/questions/1414365/disable-enable-an-input-with-jquery — klaffenboeck, Aug 29 '16 at 13:07
@karacsi_maci you could improve the selector to look only for buttons — klaffenboeck, Aug 29 '16 at 13:08
it think you need this .... $('[class^='Crem']').prop('disabled', true); — Dharti Sojitra, Aug 29 '16 at 13:10
Check my answer please. You are missing ); at the end of your jquery function — Edison Biba, Aug 29 '16 at 13:17

Edison Biba · Accepted Answer · 2016-08-29T13:14:25.453

0

Buttons are simple to disable as disabled is a button property which is handled by the browser:

<button class="btn" disabled>My Button</button>

To disable these with a custom jQuery function, you'd simply make:

p.s You are missing brackets and semicolon at the end of function

  $(document).ready(function() {
     $(".Crem").prop('disabled',true);
  });

Here is a working jsfiddle

edited Aug 29 '16 at 13:14

answered Aug 29 '16 at 13:10

Edison Biba

3,906
2
11
30

score 0 · Answer 2 · 2016-09-21T08:59:53.250

0

don't use same id for single. one page must contain a single unique id. your are repeating id="stlmtdadd". here is your working Demo: https://jsfiddle.net/aL4xLm6a/`

$(document).ready(function() {
     $( ".Crem" ).each(function(){
           $(this).prop('disabled',true);

     });
});

edited Sep 21 '16 at 08:59

answered Aug 29 '16 at 13:30

diasable buttons in a table with the same class

2 Answers2