Форум

otto_n · #1 (**permalink**) 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>

рони · #2 (**permalink**) 17.10.2013, 18:10

otto_n,

<!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 · #3 (**permalink**) 17.10.2013, 18:16

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

Форум

Справочник

Discord чат

Курсы javascript