Heim > Backend-Entwicklung > PHP-Tutorial > php-Bitte geben Sie mir einen Rat! ~Mehrere identische Elemente implementieren, nachdem Sie auf eines der Elemente zur Auswahl geklickt haben, können die anderen Elemente nicht ausgewählt werden? ?

php-Bitte geben Sie mir einen Rat! ~Mehrere identische Elemente implementieren, nachdem Sie auf eines der Elemente zur Auswahl geklickt haben, können die anderen Elemente nicht ausgewählt werden? ?

WBOY
Freigeben: 2023-03-02 22:14:01
Original
1006 Leute haben es durchsucht

phpjavascriptwebjqueryhtml5

Es gibt 4 Bewertungen. Wenn Sie auf eine Bewertung klicken und die Kategorie hinzufügen, werden die anderen nicht angeklickt und Sie werden nur darüber informiert, dass Sie sie überprüft haben ~ Ich mache das seit eine lange Zeit ~ Bitte geben Sie mir eine Anleitung (ich bin derzeit Die Methode fügt jedem Li hinzu! So nervig)
php-Bitte geben Sie mir einen Rat! ~Mehrere identische Elemente implementieren, nachdem Sie auf eines der Elemente zur Auswahl geklickt haben, können die anderen Elemente nicht ausgewählt werden? ?

Antwortinhalt:

Haben Sie jemals darüber nachgedacht, was passieren würde, wenn Sie falsch geklickt hätten? . Auf welches Sie klicken, um es hinzuzufügen, und dann gleichzeitig den On-Stil eines anderen Li zu entfernen. Wenn Sie sicher sind, dass Sie darauf klicken möchten, wird es nicht geändert. Sie müssen zunächst feststellen, ob ein On-Element vorhanden ist li, und wenn Sie auf ein Element klicken, das noch nicht vorhanden ist, wird

angezeigt
<code> <style>li.on{color:green}</style>
<ul id="ul">
    <li>很满意</li>
    <li>满意</li>
    <li>一般</li>
    <li>差</li>
</ul>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $('#ul li').click(function () {
        if (!$(this).hasClass('on') && $(this).siblings().hasClass('on')) alert('你已经评价');
        else this.className='on'
    });
</script>

</code>
Nach dem Login kopieren

Einzelauswahl. Treffen Sie einfach eine einzige Wahl.

Ja, wie im ersten Stock erwähnt, können Sie eine Klasse dynamisch hinzufügen und dann darauf klicken, um diese Klasse zu haben, andere können Sie jedoch nicht beurteilen

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