2016-11-09 5 views
-2

Hallo Jungs, ich bin neu in JavaScript Sprache, Frage ist auf der Seite Run Button (1) sollte deaktiviert sein und ein anderer sollte anklickbar sein, nach Klick auf die Schaltfläche (2) aktivieren Sie die Taste (1) goody bitte helfen Sie mir ...Deaktivieren und Aktivieren von Tasten

+0

könnte auch der Code eingefügt hier, damit wir Sie besser –

+1

Willkommen bei Stackoverflow helfen. Bitte beachten Sie, dass es sich hierbei nicht um einen kostenlosen Code-Write-Service handelt, sondern dass wir anderen Programmierern (und Aspiranten) helfen wollen, ihren eigenen Code zu schreiben. Bitte lesen Sie die Hilfethemen zu [Eine gute Frage stellen] (http://stackoverflow.com/help/how-to-ask). Danach aktualisieren Sie bitte Ihre Frage mit dem Code, den Sie bisher geschrieben haben, um die Aufgabe (n) zu erfüllen, die Sie erreichen möchten. –

Antwort

0

Sie den Code unten verwenden können, es funktioniert, ist, dass wenn die Seite der button1 deaktiviert wird geladen und button2 aktiviert und auf Klick auf button2 button1 werden wird

aktiviert sein, In JS:

$("#button1").prop("disabled", true); 

function buttonClick(){ 
$("#button1").prop("disabled", false); 
} 

In HTML:

<input type="button" id="button2" onclick="buttonClick()"> 
0
<html> 

<!-- Include jQuery library --> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 

<!-- Your css --> 
<style> 
    #button1, #button2 { 
    width: 70px; 
    height: 30px; 
    background-color: #fff; 
    color: #000; 
    border: 1px solid black; 
    cursor: pointer; 
    } 

    #button1.disabled { 
    cursor: not-allowed; 
    background-color: #e6e6e6; 
    color: #808080; 
    } 
</style> 

<!-- jQuery --> 
<script> 
    $(document).ready(function(){ 

    $('#button2').on('click', function(){ 

     $('#button1').removeClass('disabled'); 
     $('#button1').on('click', function(){ 
      // Your button 1 function 
     }); 

    }); 

    }); 
</script> 

<!-- Content --> 
<body> 
    <div id="button1" class="disabled">Button 1</div> 
    <div id="button2">Button 2</div> 
</body> 
</html> 

Hoffnung, antwortete ich Ihre Frage.

-1

fügen Sie die folgenden css der Schaltfläche hinzu: Zeiger-Ereignisse: keine;

wenn u thw Taste aktivieren möchten, fügen Sie folgende CSS:

Zeiger-Ereignisse: Defau

Verwandte Themen