Question

I have some test code here

<input type="radio" name="group1">1
<input type="radio" name="group1">2
<input type="radio" name="group1">3
<br>
<input type="text" name="text1">
<br>
<input type="radio" name="group2">1
<input type="radio" name="group2">2
<input type="radio" name="group2">3
<br>
<input disabled type="submit">

Please can you tell me if there is a way to watch multiple fields so that if their values changes i can enable a button..

So in short instead of having 3 .change rules watching each other… can’t i do one piece of code that watches all 3 and if the values equals a particular something it enables the submit button ?

Thanks

Lee

Answer 1

if i correct understood ur question, here it is:

set classes (for less JS code):

<input type="radio" class="g1-1" name="group1">1
<input type="radio" class="g1-2" name="group1">2
<input type="radio" class="g1-3" name="group1">3
<br>
<input type="text" class="text" name="text1">
<br>
<input type="radio" class="g2-1" name="group2">1
<input type="radio" class="g2-2" name="group2">2
<input type="radio" class="g2-3" name="group2">3
<br>
<input disabled type="submit">

JS:

$(function(){
    $('input').click( function(){
        if ( ($('.g1-2').is(':checked')) && ($('.g2-1').is(':checked')) && ($('.text').val()=="ok" ))
        {
            // event
        }
    });
});