Question

Why this script:

if ($('.applyrulles').is(':checked')) {                     
    $('.button').show(700);
} else {
    $('.button').hide();
} 

doesn’t work with .button?

<div>
    <input name="applyrulles" type="checkbox" class="applyrulles"/>
</div>  

<input type="submit" class="button" value="send"/>

Sript hides .button, but doesn’t show it when .applyrulles is checked.

Answer 1

Working demo http://jsfiddle.net/mdFSb/ or http://jsfiddle.net/mdFSb/1/

You need to capture an event like click or change and the use $(this) rest feel free to play around with code.

Hope this helps the cause :)

code

$('.applyrulles').on('change', function() {

    if ($(this).is(':checked')) {

        $('.button').show();

    } else {
        $('.button').hide();
    }

});