Wie aktiviere/deaktiviere ich eine Taste mit einer anderen Taste?

Question

Ich versuche, einige Tasten zu aktivieren/deaktivieren, mit einer anderen Umschalttaste.

Ich versuche es, indem ich eine Klasse "aktiv" zu den Schaltflächen hinzufüge und nur die Schaltflächen mit der Klasse targetiere. Hier

ist ein Beispiel (das nicht funktioniert):

$('#on-off').on('click',() => { 
 
    $('#test').addClass('active'); 
 
    $('#indication').text('Test is active'); 
 
    }); 
 
    
 
    $('#test .active').on('click',() => { 
 
    $('#result').text('Test was clicked!'); 
 
    });

<button id='on-off'>Toggle Test</button> 
 
<div id='indication'></div> 
 

 
<button id='test'>Test</button> 
 
<div id='result'></div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Der vollständige Code ist here.

Answer 1

Sie sollten disabled property aktivieren oder deaktivieren. Sie können .prop() Methode

verwenden. Beachten Sie auch, #test .active wird nicht funktionieren, da seine Nachkommen Selektor und Schaltfläche hat kein untergeordnetes Element.

$('#on-off').on('click',() => { 
 
    $('#test').prop('disabled', !$('#test').prop('disabled')); 
 
    $('#indication').text('Test is active'); 
 
}); 
 

 
$('#test').on('click',() => { 
 
    $('#result').text('Test was clicked!'); 
 
});

<button id='on-off'>Toggle Test</button> 
 
<div id='indication'></div> 
 

 
<button id='test'>Test</button> 
 
<div id='result'></div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>