[.javaNoob]

Здравствуйте!
Помогите пожалуйста.

Взял вариант приведённый в этой теме, и после небольшой модификации хотел использовать для проверки заполненности полей формы.

Обычные поля то просто можно пометить так:

required="required"

и всё вроде хорошо.
Но у меня возникла необходимость провернуть, нечто подобное с чекбоксами.

type="radio"

Гугл уже замучал. Испытывал различные варианты.

Собственно вот сам код:

<input type="radio" class="radio111">#1</br>
<input type="radio" class="radio111">#2</br>
<input type="radio" class="radio111">#3</br>
</br>
<button type="button" onclick="checkFieldsInForm()">Отправить данные</button>
<div class="valBut"></br>Поля не заполнены!</div>
<script>
function checkFieldsInForm() {

if ( $('.radio111').val() ) {
$('.valBut').hide();
} else {
$('.valBut').show();
}
}

$('.radio1').change(function() {
checkFieldsInForm();
});

$('.valBut').hide();
</script>

Такой-же вариант с текстовым полем естественно работает!

<input type="text" class="radio222">
</br>
<button type="button" onclick="checkFieldsInForm2()">Отправить данные</button>
<div class="valBut2"></br>Поля не заполнены!</div>
<script>
function checkFieldsInForm2() {

 if ( $('.radio222').val() ) {
$('.valBut2').hide();
} else {
$('.valBut2').show();
}
}

$('.radio1').change(function() {
checkFieldsInForm2();
});

$('.valBut2').hide();
</script>

Я прекрасно понимаю, что проблема здесь:

.val

Но к сожалению решения сам не смог найти

Единственный вариант который начал работать, но не совсем как хотелось бы, это:

.val

Заменить на:

.onchange

Суть неправильной работы этого метода в том, что ему по барабану на содержимое чекбоксов радио.

Ребята подскажите пожалуйста как решить данную проблему, буду весьма благодарен!