Инверсия выделения чекбоксов??
Здравствуйте.
Есть у меня такой код <ul class="searchwords"> <li>Квартира <input name="section" type="radio" value="kvartiry"></li> <li>Комната <input name="section" type="radio" value="komnaty"></li> <li>Домовладение <input name="section" type="radio" value="houses"></li> <li>Земельный участок <input name="section" type="radio" value="landarea"></li> <li>Коммерческая недвижимость <input name="section" type="radio" value="kn"></li> <li>Эллинг <input name="section" type="radio" value="elengi"></li> <li>Гараж <input name="section" type="radio" value="garaj"></li> <li>Дача/огород <input name="section" type="radio" value="dacha"></li> </ul> $(document).ready(function(){ $(".searchwords li").click(function () { if($(this).hasClass("swact")){ $(this).removeClass("swact"); $(this).children("input").removeAttr("checked"); } else{ $(this).addClass("swact"); $(this).children("input").attr("checked", "checked"); } }); }); Но это подходит для checkbox'ов, т.е. этим скриптом можно выделять несколько флажков одновременно. А мне нужно чтобы выделяя один, все остальные автоматически снимались, принцип radio в том числе и убирался класс для <li> |
otto_n,
:cray: <!DOCTYPE HTML> <html> <head> <title>Untitled</title> <style type="text/css"> .swact{ background-color: #00FF00; } </style> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(document).ready(function(){ var li = $(".searchwords li") li.click(function () { li.removeClass("swact"); $(this).addClass("swact").children("input").prop("checked", true); }) }); </script> </head> <body> <ul class="searchwords"> <li>Квартира <input name="section" type="radio" value="kvartiry"></li> <li>Комната <input name="section" type="radio" value="komnaty"></li> <li>Домовладение <input name="section" type="radio" value="houses"></li> <li>Земельный участок <input name="section" type="radio" value="landarea"></li> <li>Коммерческая недвижимость <input name="section" type="radio" value="kn"></li> <li>Эллинг <input name="section" type="radio" value="elengi"></li> <li>Гараж <input name="section" type="radio" value="garaj"></li> <li>Дача/огород <input name="section" type="radio" value="dacha"></li> </ul> </body> </html> |
рони, спасибо большое! Я исправлюсь, научусь (это по-поводу смайла) :victory:
|
Часовой пояс GMT +3, время: 10:05. |