arrêter l'étiquette de cocher la case d'entrée

J'ai le code html suivant. Lorsque vous cliquez sur l'étiquette, elle active la case à cocher.

<td><label for="startClientFromWebEnabled">Client Launch From Web:</label></td>
<td><input type="checkbox" id="startClientFromWebEnabled" name="startClientFromWebEnabled" data-bind="checked: StartClientFromWebEnabled, enable: IsEditable" onchange="startClientFromWebToggleRequiredAttribute()" /></td>

Comment puis-je éviter cela? Si je supprime le for="startClientFromWebEnabled"Il s'arrête de basculement, mais j'ai besoin de cela parce que j'ai un peu de logique qui prend l'id de l'élément qui déclenche l'événement ...

source d'informationauteur Mdb

  1. 1

    si vous utilisez JQuery, ajouter un id sur votre étiquette
    ajouter ceci dans votre script:

    $("#lbl").click(function(){
   return false; 
});
  2. 0

    "J'ai un peu de logique qui prend l'id de l'élément "

    Vous pouvez supprimer le for-attribut, si vous stocker l'ID d'un autre endroit. Par exemple, dans un data-*-attribut:

    <label data-input-id="startClientFromWebEnabled">

    D'autre part, il est parfois difficile de pointer et de cliquer sur une case basé sur le style et les capacités de l'utilisateur. Il y a de bonnes raisons pour l'utilisation de la for-attribut.

  3. 0

    Il est CSS solution:

    label {
   pointer-events: none;
   cursor: default;
}