Hit Enter-Taste Checkbox

Newbie- I 2 Dinge mit diesen Kontrollkästchen prüfen oder wählen Sie tun mag:Hit Enter-Taste Checkbox

Verwenden TAB Taste, um durch Optionen Dieser Teil funktioniert
Wie ich TAB durch die Optionen, möchte ich ENTER Taste drücken, dass das Kontrollkästchen, wird dieser Teil

arbeitet NICHT Im Folgenden finden Sie Beispielcode. Ich verwende die Kontrollkästchen als Gruppe.

Hat jemand irgendwelche Vorschläge?

<!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>

Quelle

2012-09-13 Steve42

Drücken von Leerzeichen ist keine Option? Wenn nicht, versuchen Sie es mit dem Ereignis "keydown" anstelle von "keypress". –

Beachten Sie, dass Kontrollkästchen mit Space ausgewählt werden können. https://Stackoverflow.com/a/35423812/1343917 –

Versuchen Sie diesen Code

<!doctype html> 
<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,"enter"); 
       } 
       event.stopPropagation(); 
      }); 

      $('input:checkbox[name=Colors]').click(function(){ 
       Checkbox_to_RadioButton(this,"click"); 
      }); 
     }); 

     function Checkbox_to_RadioButton(box,myEvent){ 
      if(myEvent == "enter") 
      { 
       var $box = $(box); 
       if($box.attr('checked')) 
        $box.attr('checked',false); 
       else 
        $box.attr('checked',true); 
      } 
      $('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>

Quelle

2012-09-13 13:13:44 yoku2010

Zunächst einmal sind Sie eine Klammer vor dem form Tag fehlt.

Zweitens vergessen haben, um tatsächlich die Checkbox auf Tastendruck aktivieren:

if (keycode == 13) { 
    $(this).attr('checked', checked); // << this line! 
    Checkbox_to_RadioButton(this); 
    alert("Enter key was pressed"); 
}

Working Fiddle here.

Quelle

2012-09-13 13:05:01 vzwick

ich die empfohlene Lösung gefunden zu aufgebläht zu sein. das funktioniert besser

$('input:checkbox').keypress(function(e){ 
    if((e.keyCode ? e.keyCode : e.which) == 13){ 
     $(this).trigger('click'); 
    } 
});

Quelle

2015-04-20 13:57:22 r3wt

perfekt, gut, danke – Chetan

Hit Enter-Taste Checkbox

Antwort

Verwandte Themen