Um den Benutzer das Kontrollkästchen mit der Tastatur aktivieren/deaktivieren Kontrollkästchen

Question

Ich habe eine HTML-Seite, wo ich einige Kontrollkästchen haben, die Iike Radio-Schaltflächen aussehen, ich möchte der Benutzer in der Lage sein zu aktivieren/deaktivieren Sie die Kontrollkästchen mit der Tastatur? Um diese Funktionalität zu erreichen, habe ich Aria-Attribute in meinem Code verwendet, aber immer noch nicht in der Lage, dies zu erreichen!

Answer 1

document.getElementById('focused').focus();

<input type="checkbox" id="focused">Hit space

Answer 2

Dadurch wird der Trick für jede Taste gedrückt tun. Sie können eine specfic keycode Kontrolle über die Veranstaltung hinzufügen möchten:

$(function(){ 
 
    $('[type=checkbox]').keypress(function(e){ 
 
    $(this).trigger('click'); 
 
    }); 
 
});

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

 
<input type="checkbox" />