Drücken Sie Enter-Taste zu Überprüfen, oder setzen Sie das Kennzeichen.
Neuling - ich will 2 Dinge, die mit diesen Checkboxen:
- Verwenden Sie TAB - Taste, um die Registerkarte mit Optionen, dieser Teil funktioniert
- Als ich TAB durch die Optionen, die ich wollen, drücken Sie ENTER - Taste, um aktivieren Sie das Kontrollkästchen, das Teil funktioniert NICHT
Unten ist Beispielcode. Ich bin mit den Checkboxen als Gruppe.
Hat jemand irgendwelche Vorschläge haben?
<!doctype html>
<head>
<title>test Radio buttons checkbox</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input:checkbox[name=Colors]').keypress(function(event) {
var keycode = (event.keyCode ? event.keyCode : event.which);
if (keycode == 13) {
Checkbox_to_RadioButton(this);
alert("Enter key was pressed");
}
event.stopPropagation();
});
$('input:checkbox[name=Colors]').click(function(){
Checkbox_to_RadioButton(this);
});
});
function Checkbox_to_RadioButton(box){
$('input:checkbox[name=' + box.name + ']').each(function(){
if (this != box)
$(this).attr('checked', false);
});
}
</script>
</head>
<body>
<h1>test Radio buttons checkbox</h1>
<form name="form1">
<input type="text" id="dname" name="dname"><br>
<input type="checkbox" id="Colors" name="Colors" value="Red" />Red<br />
<input type="checkbox" id="Colors" name="Colors" value="Blue" />Blue<br />
<input type="checkbox" id="Colors" name="Colors" value="Green" />Green<br />
<input type="checkbox" id="Colors" name="Colors" value="Yellow" />Yellow<br />
<br>
</form>
</body>
</html>
- Mit der Leertaste ist nicht eine option? Wenn nicht, versuchen Sie es mit
keydown
Veranstaltung stattkeypress
. - nur beachten Sie, dass Checkboxen kann ausgewählt werden, mit dem Raum. stackoverflow.com/a/35423812/1343917
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen, diesen code
Fand ich die empfohlene Lösung zu aufgebläht. dies funktioniert umso besser,
r3wt Ansatz funktioniert wunderbar, aber ich bemerkte, auf meine Formulare, drücken
Enter
würde auch reichen Sie das Formular oder sonst etwas tun, sonst unerwünscht. Hinzufügene.preventDefault();
verhindert, dass die Standard-browser-Aktion bei drücken der EINGABETASTE auf das Kontrollkästchen.Erste von allen, Sie ' re fehlt eine Klammer vor der
form
tag.Zweiten haben Sie vergessen, die tatsächlich aktivieren Sie das Kontrollkästchen auf Tastendruck:
Arbeiten Geige hier.