Jquery ile bu makalemizde örnekli olarak radio buttonlarımızdan hangisi seçiliyse onu bulup label’inin arkaplan rengini değiştirmeyi göreceğiz.
Jquery ile seçili olan radio butonunu bulma
Sınavmatik projesi geliştiriken client tarafında jquery ile seçili olan radio buttonunu bulup doğru butonmu seçildi veya yanlış butonmu seçildi diye arkaplan rengini ona göre kırmızı veya yeşile boyuyoruz ama tabiki bu örneğimizde sınavmatik projesini anlatmayacağız 🙂 sadece başlığımızda belirttiğimiz gibi seçili olan radio butonu bulup yazısının arkaplan rengini yeşil yapacağız siz artık ihtiyacınıza göre düzeltirsiniz.
Html Kodumuz
1 2 3 4 5 6 7 8 9 | <ul> <strong>Soru 1</strong> <li><input type="radio" id="radio1" name="group" value"False"><label for="radio1">Seçenek 1 </label></li> <li><input type="radio" id="radio2" name="group" value"True"><label for="radio2">Seçenek 2 </label></li> <li><input type="radio" id="radio3" name="group" value"False"><label for="radio3">Seçenek 3 </label></li> <li><input type="radio" id="radio4" name="group" value"False"><label for="radio4">Seçenek 4 </label></li> <li><input type="radio" id="radio5" name="group" value"False"><label for="radio5">Seçenek 5 </label></li> </ul> <button id="Sonuc">Sonuç</button> |
jQuery Kodumuz
1 | <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"> |
1 | $("input[type=radio]:not(:checked)") |