ボタン私は2つのボタンを持って選択し、ドロップダウン・バリュー

Question

にdisble可能ドロップダウン。値「1」、「サンプル注文Btn」を有効にし、ドロップダウン値をクリックすると1を超える「Buk Order」Btnを有効にする必要があります。

再度オンにすると、両方のボタンが無効になります。 ここで私のコードはselect要素にありますが、うまく動作せず、理由がわかりません。

$("select").on('change',function(){ 
 
    if ($(this).find('option:selected').text()=="1"){ 
 
     alert('1'); 
 
     $("#product-addtocart-button").attr('disabled',true); 
 
     $("#product-addtocart-button1").attr('disabled',false); 
 
    } 
 
    
 
    if ($(this).find('option:selected').text()!="1" && $(this).find('option:selected').text()!="0"){ 
 
     alert('25'); 
 
     $("#product-addtocart-button1").attr('disabled',true); 
 
     $("#product-addtocart-button").attr('disabled',false); 
 
    } 
 
\t  
 
    if ($(this).find('option:selected').text()=="0"){ 
 
     alert('sele'); 
 
     $("#product-addtocart-button").attr('disabled',true); 
 
     $("#product-addtocart-button1").attr('disabled',true); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="productextra"> 
 
    <option selected value="0">select</option> 
 
    <option value="1">1</option> 
 
    <option value="25">25</option> 
 
    <option value="50">50</option> 
 
    <option value="75">75</option> 
 
    <option value="100">100</option> 
 
    <option value="150">150</option> 
 
    <option value="200">200</option> 
 
    <option value="250">250</option> 
 
    <option value="300">300</option> 
 
    <option value="400">400</option> 
 
    <option value="500">500</option> 
 
    <option value="750">750</option> 
 
    <option value="1000">1000</option> 
 
</select> 
 
<button type="button" id="product-addtocart-button" class="button btn-cart" disabled="disabled"> 
 
    <span> 
 
     <span>Bulk Order</span> 
 
    </span> 
 
</button> 
 
<button type="button" id="product-addtocart-button1" class="button btn-cart select-change" disabled="disabled"> 
 
    <span> 
 
     <span>Sample Order</span> 
 
    </span> 
 
</button>

Answer 1

$("select").on('change', function() { 
 

 
    console.log($('option:selected', this).text() == 0) 
 
    console.log($('option:selected', this).val()) 
 
    $("#product-addtocart-button").attr('disabled', $('option:selected', this).val() > 1 || $('option:selected', this).val() == 0); 
 
    $("#product-addtocart-button1").attr('disabled', $('option:selected', this).val() == 1 || $('option:selected', this).val() == 0); 
 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="productextra"> 
 
    <option selected value="0">select</option> 
 
    <option value="1">1</option> 
 
    <option value="25">25</option> 
 
    <option value="50">50</option> 
 
    <option value="75">75</option> 
 
    <option value="100">100</option> 
 
    <option value="150">150</option> 
 
    <option value="200">200</option> 
 
    <option value="250">250</option> 
 
    <option value="300">300</option> 
 
    <option value="400">400</option> 
 
    <option value="500">500</option> 
 
    <option value="750">750</option> 
 
    <option value="1000">1000</option> 
 
</select> 
 
<button type="button" id="product-addtocart-button" class="button btn-cart" disabled="disabled"><span><span>Bulk Order</span></span> 
 
</button> 
 
<button type="button" id="product-addtocart-button1" class="button btn-cart select-change" disabled="disabled"><span><span>Sample Order</span></span> 
 
</button>

使用値とボタンを有効または無効結果に応じて、1または0に

Answer 2

USE

$("#product-addtocart-button").attr('disabled','disabled'); 
$("#product-addtocart-button1").removeAttr('disabled'); 

INSTEAD OF

$("#product-addtocart-button").attr('disabled',true); 
$("#product-addtocart-button1").attr('disabled',false);