JSFiddle - React, Tailwind, and code Playground

by Piyush Baliyan

HTML

<button class="btn btn-warning" name="table_no" value="2" id="tblidno2">2</button>
<button class="btn btn-warning" name="table_no" value="3" id="tblidno3">3</button>
<button class="btn btn-warning" name="table_no" value="5" id="tblidno5">5</button>
<button class="btn btn-warning" name="table_no" value="8" id="tblidno8">8</button>
<button class="btn btn-warning" name="table_no" value="3" id="tblidno3">3</button>
<button class="btn btn-warning" name="table_no" value="2" id="tblidno2">2</button>
<button class="btn btn-warning" name="table_no" value="7" id="tblidno7">7</button>
<button class="btn btn-warning" name="table_no" value="4" id="tblidno4">4</button>
<button class="btn btn-warning" name="table_no" value="6" id="tblidno6">6</button>
<button class="btn btn-warning" name="table_no" value="4" id="tblidno4">4</button>
<input name="given_tblno" id="max_tblno" value="3" type="hidden">
<input name="given_tblno" id="given_tblno" value="6" type="text">

JavaScript

$("#max_tblno,#given_tblno").change( function() {
 	a = parseInt($('#max_tblno').val());
 	b = parseInt($('#given_tblno').val());
 	if(a<b){
		$(this).siblings().removeAttr('disabled');
    		$('button').each(
			function(){
				if(parseInt($(this).html())<b){
					$(this).attr('disabled','disabled');
				}
			});
  		}
	});