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