jQuery的。复选框检查操作问题

Question

为什么这个脚本：

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

不适用于.button？

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

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

Sript隐藏.button，但在检查.applyrulles时不显示。

Answer 1

工作演示 http://jsfiddle.net/mdFSb/ 或 http://jsfiddle.net/mdFSb/1/

您需要捕获click或change之类的活动，然后使用$(this)其他人可以随意使用代码。

希望这有助于事业:)

<强>码

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

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

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

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

});