2013-08-13 1 views
0

Я пытаюсь сделать кнопку включенной/отключенной, пока пользователь не выберет 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); 
} 
); 
+1

Ваша скрипка работает нормально? –

+0

Ваша скрипка прекрасно работает .. – zahirdhada

+0

мне тоже .... кажется именно то, что вам нужно: кнопка отключается, пока вы не выберите оба выпадающего –

ответ

2

Пожалуйста, посмотрите на 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); 
}); 
+0

Спасибо, что работает. – Marcos

0

Здесь вы идете ...

$('#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); 
} 
);