Доступ к вложенным элементам
Всем привет. народ, вот такой вот вопрос.
Есть 2 чек бокса, вот верстка:
<div class="controls">
<label><input type="checkbox" / >Связанный</label>
<label><input type="checkbox" />Выбор</label>
</div>
Это всё внутри BODY находится. Как средствами jQuery получить доступ к чекбоксам? Отдельно к 1-му, и отдельно ко 2-му? и как проверить, стоит ли флажок, или нет? Нагуглил, написано что $("div.controls").children(), но скока я ни пыхтел, ни пытался, не получается у меня что-то. В конечном варианте мне нужно чтобы по клику мыши, если какой-либо одиин чекбокс установлен, то галочка бы ставилась и на втором, и наоборот, если с 1-го снимаем галочку, то она снимается и со 2-го, ну т.е. чтобы они оба всегда были в одинаковом состоянии. |
fenix_63,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(function()
{
var inps = $("div.controls input");
inps.click(function()
{
inps.prop(
{"checked": this.checked})
}
)
}
);
</script>
</head>
<body>
<div class="controls">
<label><input type="checkbox">Связанный</label>
<label><input type="checkbox">Выбор</label>
</div>
</body>
</html>
|
Cпасибо большое !
|
| Часовой пояс GMT +3, время: 00:10. |