<div>
I changed in your code with the following.Commets inside: 
JQuery 

<pre><code class="code-10 nolinks" id="code-20-42085370-1"> $('#btnEnable').click(function(){
 //I use the each() function and the input:text selector to remove disabled
 $('input:text').each(function(){
 $(this).removeAttr('disabled');
 });
 });
 
$('select[name=Prioritize_length]').on('change',function(){
//I target the select element and I use the on function to 
//trigger the following function when the select value changed
//The following statement checks if the first 10 input:text elements
//are disabled or not
if($(&quot;input:text&quot;).slice(0,10).is(':enabled')){
//If not disabled the it runs then following statement to 
//remove the disabled attr
$('input:text').each(function(){
 $(this).removeAttr('disabled');
 });
 }
})
</code></pre>
</div>

<div>
That did not work. &nbsp;Here is a jsfiddle updated with your code 
<a href="http://jsfiddle.net/isogunro/sb4ohdkj/21/" rel="ugc">http://jsfiddle.net/isogunro/sb4ohdkj/21/</a> 
 
Step 1: Click the 'Enable' button 
Step 2: Change Show Entries from 10 to 25 
 
You will notice 11-15 is still disabled.
</div>

<div>
Erase these functions.It didnnt work with these.I tested in Jsfiddlw 

<pre><code class="code-1 nolinks" id="code-20-42085932-1"> $('#btnEnable').click(function(){
 for (var x=1; x&lt;=15; x++){
 	 $('#rowID-'+x).removeAttr('disabled');
 }
 });
$('table#Prioritize').on('change','input[type=text]',function(e){
 alert($(this).val());
});
/*
</code></pre>
</div>

<div>
I removed it and it still did not work. 
 
Do you mind modifying it and sending it back? 
<a href="http://jsfiddle.net/isogunro/sb4ohdkj/22/" rel="ugc">http://jsfiddle.net/isogunro/sb4ohdkj/22/</a>
</div>

<div>
Leonidas Dosas, though your solutions works fine in jsfiddle, I can't wrap my whole code in document.ready in my production code for various reasons. &nbsp; 
 
Thanks everyone!
</div>

<div>
<div class="content wysiwyg-content">
Hello Gurus, 
 
I have a dataTable and one of the columns has a textbox that is disabled by default. &nbsp;I have a button that is supposed to enable all the textboxes but it only enables the first 10 because it shows 10 items at a time. &nbsp;If you change the drop down to show 25 entries at a time, you will see that the rest of the boxes are still disabled. &nbsp;How can I fix that? &nbsp;Thanks! 
 
Here's a jsfiddel. 
 
 
<a href="http://jsfiddle.net/isogunro/sb4ohdkj/20/" rel="ugc">http://jsfiddle.net/isogunro/sb4ohdkj/20/</a>
</div>
</div>

Hello Gurus,

I have a dataTable and one of the columns has a textbox that is disabled by default.  I have a button that is supposed to enable all the textboxes but it only enables the first 10 because it shows 10 items at a time.  If you change the drop down to show 25 entries at a time, you will see that the rest of the boxes are still disabled.  How can I fix that?  Thanks!

Here's a jsfiddel.


http://jsfiddle.net/isogunro/sb4ohdkj/20/

disable and enable textboxes in dataTable

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.