Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> checkbox
maax  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 92
Пользователь №: 41664
На форуме: 1 год, 4 месяца
Карма:




Как сделать если я выбираю хотя бы 1 чекбокс то показывается div с кнопкой или кликаю еще по одному чекбоксу кнопка все еще висит,а если убираю все галочки то и div с кнопкой пропадет

подскажите что тут изменить а то щас выбираю все - кнопка появляется потом убираю галочку с одного любого и кнопка пропадает

<script type="text/javascript">
function showOrHide(bloggood, cat) {
bloggood = document.getElementById(bloggood);
cat = document.getElementById(cat);
if (bloggood.checked) cat.style.display = "block";
else cat.style.display = "none";
}
</script>


<input type = 'checkbox' id = 'bloggood1' onchange = 'showOrHide("bloggood1", "cat4");'/>
<br />


<input
type = 'checkbox' id = 'bloggood2' onchange = 'showOrHide("bloggood2", "cat4");' />
<br />


<input
type = 'checkbox' id = 'bloggood3' onchange = 'showOrHide("bloggood3", "cat4");' />
<br />


<input
type = 'checkbox' id = 'bloggood4' onchange = 'showOrHide("bloggood4", "cat4");' />
<br />


<div
id = 'cat4' style = 'display: none;'>кнопка</div>
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
killer8080  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 8735
Пользователь №: 26630
На форуме: 5 лет, 9 месяцев, 2 дня
Карма: 591




maax
вместо id использовать класс, и перебирать элементы по классу в цикле, но проще на jQuery
<script> 
$(function() {
$('.bloggood').change(function() {
$('#cat4')[$('.bloggood:checked').length > 0 ? 'show' : 'hide']();
});

})
</script>
<input
type = 'checkbox' class='bloggood' />
<br />


<input
type = 'checkbox' class='bloggood' />
<br />


<input
type = 'checkbox' class='bloggood' />
<br />


<input
type = 'checkbox' class='bloggood' />
<br />


<div
id = 'cat4' style = 'display: none; '>кнопка</div>
<br>
PMПисьмо на e-mail пользователю
    1   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
maax  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 92
Пользователь №: 41664
На форуме: 1 год, 4 месяца
Карма:




killer8080
спс
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
maax  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 92
Пользователь №: 41664
На форуме: 1 год, 4 месяца
Карма:




killer8080

кстати а если вот так сделать нормально будет? или можно попроще еще придумать ?

<script> 
$(function()
{
$('.bloggood').change(function()
{
if ($('.bloggood:checked').length > 0 )
{
$("#cat4").show();
$("#cat5").hide();
}
else
{
$("#cat4").hide();
$("#cat5").show();
}
}
);
})
</
script>


<input type = 'checkbox' class='bloggood' /> 
<br />


<input
type = 'checkbox' class='bloggood' />
<br />


<input
type = 'checkbox' class='bloggood' />
<br />


<input
type = 'checkbox' class='bloggood' />
<br />

<div
id = 'cat5'>Какой то текст</div>
<div
id = 'cat4' style = 'display: none; '>Кнопка</div>
<br>
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
killer8080  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 8735
Пользователь №: 26630
На форуме: 5 лет, 9 месяцев, 2 дня
Карма: 591




Цитата (maax @ 20.11.2016 - 16:56)
кстати а если вот так сделать нормально будет?

нормально, можно вместо тупого скрытия сделать анимацию. Замени show/hide на slideDown/slideUp
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Invis1ble  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме




******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 11783
Пользователь №: 23195
На форуме: 6 лет, 4 месяца, 10 дней
Карма: 429

Трезвый :
7 лет, 3 месяца, 10 дней


Решение на чистом CSS:

#cat4 {
display: none;
}

.bloggood:checked ~ #cat4 {
display: block;
}


https://jsfiddle.net/fuyfqkvz/


--------------------
PMПисьмо на e-mail пользователюСайт пользователя
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
killer8080  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 8735
Пользователь №: 26630
На форуме: 5 лет, 9 месяцев, 2 дня
Карма: 591




Цитата (Invis1ble @ 20.11.2016 - 17:32)
Решение на чистом CSS:

тоже вариант, единственный минус - привязка к вёрстке.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса