Jquery从复选框中获取多个选中值

我的表单有以下复选框，我想勾选该选项以显示带有选中值的警报，但当我勾选该选项时，警报不会显示：

<form id="booking_form">
    <input type="checkbox" name="bType[]" id="bType" value="A,200">&nbsp;Type A - USD200<br>
    <input type="checkbox" name="bType[]" id="bType" value="B,150">&nbsp;Type B - USD150<br>
    <input type="checkbox" name="bType[]" id="bType" value="C,100">&nbsp;Type C - USD100<br>
    <input type="checkbox" name="bType[]" id="bType" value="D,50">&nbsp;Type D - USD50<br>

</form>

A类-200美元

B类-150美元

C类-100美元

D类-50美元

我有JQ脚本：

<script>
$("input[type=checkbox]:checked").each ( function() {
    alert ( $(this).val() );
});
</script>

$（“输入[类型=复选框]：选中”）。每个（函数（）{
警报（$（this.val（））；
});

请提供建议，谢谢。

这应该行得通

  $("input[type=checkbox]").change( function() {
    if($(this).is(":checked")){
       alert( $(this).val() );
    }
  });

---

，

您必须添加启动代码的事件处理程序。现在，它在加载页面时运行

例如，您可以让按钮单击来处理它：

$('.btn').click(function(){
    $("input[type=checkbox]:checked").each(function() {
        alert( $(this).val() );
    });
});

这里有一个例子：

$（“[type=checkbox]：选中”）。每个（函数（）{
log（$（this.val（））；
});

---

为我工作：）

Javascript有什么问题吗？您需要在复选框ID上绑定更改复选框必须是唯一的原始问题要求将事件绑定到单击，而不是绑定到按钮上。为了获得答案，请帮助我+1在给出答案时别忘了添加一些说明/详细信息

<script>
    $("[type=checkbox]:checked").each ( function() {
        console.log($(this).val());
    });
</script>