Drücken Sie Enter-Taste zu Überprüfen, oder setzen Sie das Kennzeichen.

Neuling - ich will 2 Dinge, die mit diesen Checkboxen:

  1. Verwenden Sie TAB - Taste, um die Registerkarte mit Optionen, dieser Teil funktioniert
  2. 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 statt keypress.
  • nur beachten Sie, dass Checkboxen kann ausgewählt werden, mit dem Raum. stackoverflow.com/a/35423812/1343917
InformationsquelleAutor Steve42 | 2012-09-13
Schreibe einen Kommentar