Jquery检查并打印div

Question

    <script>
    $(":checkbox").click(function () {
          var str = "";
          $("input:checked").each(function () {
                str += ($(this).val())  + " ";
              });
          $("div").text(str);
        })
        .click();
</script>


  div { color:red; }
  </style>

为什么不起作用？我添加了最后一个nell'head jquery但是我没有打印任何东西 谢谢你

Answer 1

它不起作用，因为您的复选框永远不会触发change事件。该事件仅在输入的值更改时触发，并且复选框的值通常不会更改，只会更改其状态更改。将change替换为click，它应该有效。

Answer 2

在FF，Chrome和IE 7-9中可以正常使用。我在复选框上使用change（）时遇到了问题

http://jsfiddle.net/c2fE9/

可能会优化选择器，但这不会阻止代码工作