Javascript 仅当使用Jquery时存在文本框的最小值时才禁用按钮_Javascript_Jquery_Html

Javascript 仅当使用Jquery时存在文本框的最小值时才禁用按钮

javascript jquery html

Javascript 仅当使用Jquery时存在文本框的最小值时才禁用按钮,javascript,jquery,html,Javascript,Jquery,Html,我有10个按钮，在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=

我有10个按钮，在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>

2
3.
5.
8.
3.
2.
7.
4.
6.
4.

和一个输入框

<input type="text" name="given_tblno" id="given_tblno" value="6" />

每当我更改（使用OnChange事件）给定的输入框中的值时，我不想禁用所有按钮，条件如下：

$a=$('#given_tblno').val();
$b=$('#tblidno').val(); // Need to check Each and every Button values using any loop

if($a<$b)
{ 

   //....Here i want Disable buttons when condition is true.... 

}

$a=$（'given'u tblno'）.val（）；
$b=$（'#tblidno'）.val（）；//需要使用任何循环检查每个按钮的值
如果（$a使用
var-vals=['2'，'3'，'4'，'5']；
$（“#给定#tblno”）。在（'change keyup'，function（）上{
$a=parseInt（$（'#max_tblno'）.val（）；
$b=parseInt（$（'given_tblno'）.val（））；
如果（$a试试这个
html
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script></head>

<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 type="text" name="given_tblno" id="max_tblno" value="3" />
<input type="text" name="given_tblno" id="given_tblno" value="6" />  


2.
3.
5.
8.
3.
2.
7.
4.
6.
4.

jquery
$(function(){
            $('#given_tblno').on('keyup', function() {
                $a=parseInt( $('#max_tblno').val() );
             $b=parseInt( $('#given_tblno').val() );
             if($a<$b)
             {      
                $("button[id^='tblidno']").prop("disabled",true);               
             }
             else
                $("button[id^='tblidno']").prop("disabled",false);
            });
        });

$（函数（）{
$（'given'u tblno'）。on（'keyup'，function（）{
$a=parseInt（$（'#max_tblno'）.val（）；
$b=parseInt（$（'given_tblno'）.val（））；
if（$a您可以利用jQuery html（）方法和JS parseInt方法。只需检查按钮$（this）.html（）
是否小于$（'gived#tblno'）.val（）
，如果是，则更改$（this）.attr（'disabled'，'disabled'）

这是您的代码：
<script>
$("#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');
                }
            });
        }
    });
</script>


$（“#max#u tblno，#给定#u tblno”）。更改（函数（）{
a=parseInt（$（'#max_tblno'）.val（））；
b=parseInt（$（'given_tblno'）.val（）；
如果（a
$（函数（）{
var btns=$（'button[name=table_no]'）；
$（'given'u tblno'）。on（'input'，function（）{
var cur=parseInt（$（this.val（））| | 0；
btns.prop（'disabled'，function（）{
返回parseInt（this.value）


2.
3.
5.
8.
3.
2.
7.
4.
6.
4.
你能更详细地解释一下你想做什么吗？max\u tblno将是常量，不能更改。你可以看到我作为隐藏字段给出。所以只有给定的\u tblno可以更改。请更新你的问题你看到小提琴了吗？我将你的隐藏字段更改为文本，因为如果它保持隐藏，你无法更改它。我已经编辑了我的问题n、 。将不会有最大值来比较给定值。加载和更改时，给定值应与所有按钮值进行比较，并且应在条件下禁用。
<script>
$("#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');
                }
            });
        }
    });
</script>