JQuery - Case à cocher Tristatique

Voir ma réponse à Cochez la case Tri-State dans HTML? :

Ma proposition utiliserait P>

• Trois caractères Unicode appropriés pour les trois États par ex. ❓, ✅, li>
• Un champ de saisie de texte brut (taille = 1) li>
• pas de frontière li>
• LIRE UNIQUEMENT LI>
• Affichage Pas de curseur Li>
• Onclick Handler pour basculer à travers les trois états li> ul>

  voir des exemples à: p>

  • http://service.bitplan.com/com/bitplan/tristate /tristate.php li>
  • http://jsfiddle.net/wf_bitplan_com/941std72/8/ li> ul>

    HTML Source: strong> p> xxx pré>

    ou comme en ligne JavaScript: p>

    <script type="text/javascript" charset="utf-8">
      /**
       *  loops thru the given 3 values for the given control
       */
      function tristate(control, value1, value2, value3) {
        switch (control.value.charAt(0)) {
          case value1:
            control.value = value2;
          break;
          case value2:
            control.value = value3;
          break;
          case value3:
            control.value = value1;
          break;
          default:
            // display the current value if it's unexpected
            alert(control.value);
        }
      }
      function tristate_Marks(control) {
        tristate(control,'\u2753', '\u2705', '\u274C');
      }
      function tristate_Circles(control) {
        tristate(control,'\u25EF', '\u25CE', '\u25C9');
      }
      function tristate_Ballot(control) {
        tristate(control,'\u2610', '\u2611', '\u2612');
      }
      function tristate_Check(control) {
        tristate(control,'\u25A1', '\u2754', '\u2714');
      }
    
    </script>
    

i Concler sur cette double doublure de https://css-tricks.com/indeterminate-checkboxes /

$('#some_div').on('click','input[type=checkbox]', function(){
   if (this.readOnly) this.checked=this.readOnly=false;
   else if (!this.checked) this.readOnly=this.indeterminate=true;
});