jquery - 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/

您需要捕获类似clickor的事件change，而$(this)其他用户可以随意使用代码。

希望这有助于事业:)

代码

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

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

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

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

});