单击复选框后标签不会立即生效

Question

我想使用label来模拟复选框

我的JavaScript代码看起来像这样，但输出为0，有人可以告诉我为什么吗？

＆＃13;

＆＃13;

$('label').on('click', function() {
  console.log($('input[name*=subject_ids]:checked').length);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="kmf-userdata-checkbox kmf-common-checkbox" for="gre">GRE</label>
<input type="checkbox" name="subject_ids[]" id="gre" value="4">

＆＃13;

＆＃13;

＆＃13;