Событие, если хоть один input, textarea, radio заполнены, отмечены

@samvel4000 · Регистрация: 27.02.2016

Author24 — интернет-сервис помощи студентам

Привет, друзья!
Подскажите, как выполнить то или иное действие, если хоть один инпут, текстареа или радио отмечены в конкретном блоке.

Я вот такой скрипт написал, но он работает, только если заполнен первый input или textarea в блоке, на остальные не реагирует:

Javascript

1
2
3

$('#Layer1 input, textarea').keyup(function(){
if($('#Layer1 input').val() != '' || $('#Layer1 textarea').val() != '') {$('#jQueryTabs1 ul li:first-child i').fadeIn('fast');} else {$('#jQueryTabs1 ul li:first-child i').fadeOut('fast');}
});

Надо, чтобы событие срабатывало, если хоть одно поле, текстареа были заполнены и отменялось, когда значения из полей стерты.

Спасибо за помощь заранее

@Mr_Sergo · 22.09.2018, 14:05

Сообщение от samvel4000

Надо, чтобы событие срабатывало, если хоть одно поле, текстареа были заполнены

Как вариант

HTML5

<div id="Layer1">
    <textarea></textarea>
    <input type="text">
</div>

Javascript

let inputs = $('#Layer1 > input, #Layer1 > textarea'), some;
inputs.on('input',() => {
    some = '';
    inputs.each(function() {
        some += $(this).val();
    });
    if(!some){
        alert('Во всех инпутах пусто...');
    }
    else{
        console.log('Не пусто...');
    }
});

Вот только не совсем понятно вам с проверкой на радио нужно?

@samvel4000 · 22.09.2018, 14:28 **[ТС]**

zlojnaxa, Я думаю мне этого достаточно, для радио отдельно сделал, работает. Спасибо

@Mr_Sergo · 22.09.2018, 14:52

samvel4000,

Вот как раз накидал для всего вместе

HTML5

<div id="Layer1">
    <textarea></textarea>
    <input type="text">
    <input type="radio" name="aaa">
    <input type="radio" name="aaa">
    <input type="radio" name="aaa">
</div>

Javascript

let inputs = $('#Layer1 > input:text, #Layer1 > textarea'), some = [];
 
const isEmpty = ()=> {
    if(some[0] || some[1]){
        console.log('НЕ Пусто...');
    }
    if(!some[0] && !some[1]){
        alert('Пусто...');
    }
}
 
inputs.on('input',() => {
    some[0] = '';
    inputs.each(function() {
        some[0] += $(this).val();
    });
    isEmpty();
});
 
$('#Layer1 > input:radio').on('input',() => {
    some[1] = '';
    $('#Layer1 > input:radio').each(function() {
        if($(this).prop('checked')){
            some[1] += '1';
        }
    });
    isEmpty();
});

Если нужно, конечно же...

Добавлено через 20 минут

Сообщение от samvel4000

работает. Спасибо

Да не за что

Событие, если хоть один input, textarea, radio заполнены, отмечены

Решение

Решение

@samvel4000 52 / 3 / 4 Регистрация: 27.02.2016 Сообщений: 277
	22.09.2018, 14:28 [ТС]	3
	zlojnaxa, Я думаю мне этого достаточно, для радио отдельно сделал, работает. Спасибо 0

	22.09.2018, 14:52