Прошу помощи с checkbox
Здравствуйте,
Имеется форма с несколькими input checkbox и некая ссылка, которая скрыта. Нужно сделать так, чтобы если хотя бы один (или несколько) checkbox выбран, то показывалась эта ссылка, и соответственно, если не выбран, то скрыта. <form> <input name="selected_ch[]" value="1" id="1" type="checkbox" /> <input name="selected_ch[]" value="2" id="2" type="checkbox" /> <input name="selected_ch[]" value="3" id="3" type="checkbox" /> </form> <a href="#" id="hidelink" style="display:none">текст</a> |
jQuery(document).ready(function() {
$("input:checkbox").change(function(){
if ($("#1, #2, #3").filter(":checked").length)
$("#hidelink").show();
else
$("#hidelink").hide();
});
});
|
Спасибо за помощь.
А если элементов очень много, то как быть? т.е. не 3 id, а допустим 100 |
Можно попробовать так )))
jQuery(document).ready(function() {
$("input:checkbox").change(function(){
if ($("input:checkbox:checked").length)
$("#hidelink").show();
else
$("#hidelink").hide();
});
});
|
Если по любому checkbox открывать ссылку, то так, а если нет, то надо их чем-то выделить - класс присвоить, например.
|
Как вариант можно так
<form> <input class="s_ch" name="selected_ch[]" value="1" id="1" type="checkbox" /> <input class="s_ch" name="selected_ch[]" value="2" id="2" type="checkbox" /> <input class="s_ch" name="selected_ch[]" value="3" id="3" type="checkbox" /> </form> <a href="#" id="hidelink" style="display:none">текст</a
$('.s_ch').click(function() {
if ($('.s_ch:checked').size() > 0) {
$('#hidelink').fadeIn(500);
}
else {
$('#hidelink').fadeOut(500);
}
});
|
| Часовой пояс GMT +3, время: 01:34. |