Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Инверсия выделения чекбоксов?? (https://javascript.ru/forum/jquery/42222-inversiya-vydeleniya-chekboksov.html)

otto_n 17.10.2013 17:50

Инверсия выделения чекбоксов??
 
Здравствуйте.
Есть у меня такой код
<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>

рони 17.10.2013 18:10

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>

otto_n 17.10.2013 18:16

рони, спасибо большое! Я исправлюсь, научусь (это по-поводу смайла) :victory:


Часовой пояс GMT +3, время: 10:05.