disable/enable buton de submit

chuck_n · Mesajde **chuck_n** » Vin Feb 17, 2012 10:52 am

Am banala situatie


<form action="register.php" method="post">
          <textarea name="terms" rows="15" cols="105" class='scroll'>
                  General Terms.... bla bla
          </textarea><br /><br />
           <input type="checkbox" id="readTerms" name="agree" > I have read and agreed to the  Terms and Conditions.<br />

<input  id="submitBusiness" type="submit"  value="Submit" disabled="disabled">
</form>

De fiecare data cand dau pe checkbox butonul sa treaca din starea enable in disable sau invers.

Am incercat

Cod: Selectaţi tot

$('#readTerms').change( function() {
  $('#submitBusiness').attr('disabled', !this.checked);
});

sau

Cod: Selectaţi tot

$('#readTerms').click(function() {
    var buttonsChecked = this.checked;
    if (buttonsChecked == true){
        $('#submitBusiness').removeAttr('disabled');
    }else{
        $('#submitBusiness').attr('disabled', 'disabled');
    }
});

dar fara rezultatul dorit

X-spert · Mesajde **X-spert** » Vin Feb 17, 2012 11:37 am

Incearca asa:

Cod: Selectaţi tot

<html>
   <head>
      <title>Test</title>      
       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
            var checked = true;
            $('input#readTerms').click( function(){
               if (checked) {
                  $(this).attr('checked',true);
                  $('input#submitBusiness').removeAttr('disabled');
                  checked = false;
               } else {
                  $(this).attr('checked',false);
                  $('input#submitBusiness').attr('disabled','disabled');
                  checked = true;
               }                  
            });
         });
      </script>
   </head>
   <body>
      <form action="register.php" method="post"> 
         <textarea name="terms" rows="15" cols="105" class='scroll'> 
            General Terms.... bla bla 
         </textarea><br /><br /> 
         
         <input type="checkbox" id="readTerms" name="agree" > I have read and agreed to the  Terms and Conditions.<br /> 

         <input  id="submitBusiness" type="submit"  value="Submit" disabled="disabled"> 
      </form> 
   </body>
</html>

Bafta!

kleampa · Mesajde **kleampa** » Vin Feb 17, 2012 2:05 pm

exista si $(this).is(":checked")

disable/enable buton de submit

disable/enable buton de submit

Salut

Cine este conectat