Heim > Web-Frontend > js-Tutorial > So implementieren Sie den ersten Klick zum Auswählen und den zweiten Klick zum Abbrechen des Radios

So implementieren Sie den ersten Klick zum Auswählen und den zweiten Klick zum Abbrechen des Radios

小云云
Freigeben: 2018-01-12 09:30:22
Original
3261 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die relevanten jQuery-Kenntnisse vorgestellt, um die Funkfunktion „Erster Klick zum Auswählen“ und „Zweiter Klick zum Abbrechen“ zu implementieren, die einen guten Referenzwert hat. Werfen wir einen Blick mit dem folgenden Editor. Ich hoffe, er kann allen helfen.

Aufgrund der Anforderungen des Projekts muss sich das Radio nach zweimaligem Klicken in einem abgebrochenen Zustand befinden. Es ist unpraktisch, es in ein Kontrollkästchen zu ändern. Dies kann mit einer positiven Methode implementiert werden.

// jquery
  $('input:radio').click(function(){
    //alert(this.checked);
    //
    var $radio = $(this);
    // if this was previously checked
    if ($radio.data('waschecked') == true){
      $radio.prop('checked', false);
      $radio.data('waschecked', false);
    } else {
      $radio.prop('checked', true);
      $radio.data('waschecked', true);
    }
  });
Nach dem Login kopieren

Verwandte Empfehlungen:

jQuery ruft den durch das Optionsfeld ausgewählten Wert ab und entfernt alle durch das Optionsfeld ausgewählten Statusbeispiele zum Teilen

Teilen Sie mit, wie Sie jQuery verwenden, um die erforderliche Überprüfungsfunktion von RadioButton zu implementieren

Wie Sie Radio in HTML verwenden

Das obige ist der detaillierte Inhalt vonSo implementieren Sie den ersten Klick zum Auswählen und den zweiten Klick zum Abbrechen des Radios. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage