선택 필드가 선택 될 때까지 버튼 사용

Question

사용자가 4 개의 선택 상자를 선택할 때까지 버튼 사용 가능/사용 불가능 상태로 만듭니다. 나는이 해결책에 기초를 둔다 : LINK 여기에서 LINK 그러나 그러나 나의 경우에는 그것을 일해서 만들 수 없다. 여기 내 피들입니다 : http://jsfiddle.net/ http://jsfiddle.net/marekandrzejak/nYCz6/, 내가 뭘 잘못 했니?

HTML : (머리에)

<form action="classes/script.php" method="POST" name="pricelist" style="float:left;"> 
<div class="price_list option"> 
    <label for="choose_currency">Wybierz walutę</label> 
    <select id="choose_currency" name="choose_currency"> 
     <option value="" selected="selected">Wybierz...</option> 
     <option value="1">PLN</option> 
     <option value="<? echo $obj->getGBPRate() ?>">GBP</option> 
     <option value="<? echo $obj->getEurRate() ?>">EUR</option> 
     <option value="<? echo $obj->getUSDRate() ?>">USD</option> 
    </select> 
</div> 
<div class="price_list option"> 
    <label for="vat">Podatek VAT</label> 
    <select id="vat" name="vat"> 
     <option value="" selected="selected">Wybierz...</option> 
     <option value="23">23%</option> 
     <option value="0">0% WDT</option> 
    </select> 
</div> 
<div class="price_list option"> 
    <label for="discount">Rabat</label> 
    <select id="discount" name="discount"> 
     <option value="" selected="selected">Wybierz...</option> 
     <option value="0">0%</option> 
     <option value="5">5%</option> 
     <option value="10">10%</option> 
     <option value="15">15%</option> 
     <option value="20">20%</option> 
    </select> 
</div> 
<div class="price_list option"> 
    <label for="language">Język</label> 
    <select id="language" name="language"> 
     <option value="" selected="selected">Wybierz...</option> 
     <option value="7">Polski</option> 
     <option value="1">Angielski</option> 
    </select> 
</div> 
<button class="button minibutton" id="pricelistBtn" type="submit" name="submit" value="Pobierz"><span class="mini_icon mini_icon_zapisz"></span>Pobierz</button> 

SCRIPT :

$('#pricelistBtn').attr('disabled', 'disabled'); 

    $(document).ready(

    function updateFormEnabled(){ 
    if (verifyAdSettings()) { 
     $('#pricelistBtn').attr('disabled', ''); 
    } else { 
     $('#pricelistBtn').attr('disabled', 'disabled'); 
    } 


function verifyAdSettings() { 
    if ($('#choose_currency').val() != '' && $('#vat').val() != '' && $('#discount').val() != '' && $('#language').val() != '') { 
     return true; 
    } else { 
     return false; 
    } 
} 
$('#choose_currency').change(updateFormEnabled); 
$('#vat').change(updateFormEnabled); 
$('#discount').change(updateFormEnabled); 
$('#language').change(updateFormEnabled); 
} 
); 

Answer 1

당신은 갈 여기 http://jsfiddle.net/89PYB/

$('#pricelistBtn').attr('disabled', 'disabled'); 
function updateFormEnabled(){ 
    if (verifyAdSettings()) { 
     $('#pricelistBtn').removeAttr("disabled"); 
    } else { 
     $('#pricelistBtn').attr('disabled', 'disabled'); 
    } 
} 

function verifyAdSettings() { 
    if ($("#choose_currency option:selected").val() != '' && $("#vat option:selected").val() != '' && $('#discount option:selected').val() != '' && $('#language option:selected').val() != '') { 
     return true; 
    } else { 
     return false; 
    } 
} 
$(document).ready(function(){ 
$('#choose_currency').change(updateFormEnabled); 
$('#vat').change(updateFormEnabled); 
$('#discount').change(updateFormEnabled); 
$('#language').change(updateFormEnabled); 
}); 

Answer 2

에서 참조하시기 바랍니다 ...

$('#pricelistBtn').attr('disabled', 'disabled'); 

    $(document).ready(

    function updateFormEnabled(){ 
    if (verifyAdSettings()) { 
     $('#pricelis`enter code here`tBtn').attr('disabled', false);  // set false over here not '' 
    } else { 
     $('#pricelistBtn').attr('disabled', 'disabled'); 
    } 


function verifyAdSettings() { 
    if ($('#choose_currency').val() != '' && $('#vat').val() != '' && $('#discount').val() != '' && $('#language').val() != '') { 
     return true; 
    } else { 
     return false; 
    } 
} 
$('#choose_currency').change(updateFormEnabled); 
$('#vat').change(updateFormEnabled); 
$('#discount').change(updateFormEnabled); 
$('#language').change(updateFormEnabled); 
} 
);