2016-04-06 8 views
1
geprüft

Ich habe Codes wie dieseWie Taste aktivieren, wenn checbox

<div class="checkbox"> 

      <input type="checkbox" id="checkme" value ="accept"/> 
         <label>I have read and agree to the terms and conditions</label> 
            <p><input type="submit" name="submit" value="Order now!" id="sub1" disabled="disabled"/></p> 

Ich habe versucht, diese JScript unter der Codes zu setzen:

<script> 
$(document).ready(function() { 
    var the_terms = $("#checkme"); 

    the_terms.click(function() { 
     if ($(this).is(":checked")) { 
      $("#sub1").removeAttr("disabled"); 
     } else { 
      $("#sub1").attr("disabled", "disabled"); 
     } 
    }); 
}); 
         </script> 

aber es überhaupt nicht funktionieren. Ich folge schon allen Guides im Internet. Jeder kann helfen, was ich falsch gemacht habe? Gibt es neben diesen zusätzlichen Codes noch?

Oh, und dies auf php-Format

EDIT: getan, um diese zu

            <script> 
var checker = document.getElementById('checkme'); 
var sendbtn = document.getElementById('sub1'); 
checker.onchange = function() { 
    sendbtn.disabled = !!this.checked; 
}; 
         </script> 

Aber wie ändere ich, wenn unkontrolliert zu deaktivieren?

+0

können Sie Ihre Konsole überprüfen, ob es irgendwelche Fehler – shubham715

+1

Arbeiten ist für mich: https://jsfiddle.net/Lnd1y3za/1/ hast du schließe die jquery-Bibliothek ein? –

+0

Jquery Bibliothek? Tut mir leid, ich habe gerade angefangen zu programmieren, also habe ich keine Ahnung –

Antwort

0

einfach jquery Änderungsereignis wie folgt verwenden:

$(document).ready(function() { 

    $('#checkme').change(function() { 
     if ($(this).is(":checked")) { 
      $("#sub1").removeAttr("disabled"); 
     } else { 
      $("#sub1").attr("disabled", "disabled"); 
     } 
    }); 
}); 
+0

getan, dass und immer noch nicht funktioniert –

+0

ausgeführt, funktioniert gut für mich. –

0
$(function() { 
    $('#id_of_your_checkbox').click(function() { 
     if ($(this).is(':checked')) { 
      $('#id_of_your_button').attr('disabled', 'disabled'); 
     } else { 
      $('#id_of_your_button').removeAttr('disabled'); 
    } 
    }); 
}); 
+0

http://stackoverflow.com/questions/6149917/disable-or-enable-submit-button-on-checkbox-checked-event – Shrikant

+0

Wenn Sie denken, dass eine andere Antwort in ihrer Gesamtheit dieses Problem behandelt, könnten Sie es als a gekennzeichnet haben duplizieren, anstatt die Antwort zu replizieren. Es sei denn, Ihre Antwort ist eine modifizierte Version des verknüpften, aber das scheint nicht der Fall zu sein. – Reti43