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

我有JQ脚本：

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

请指教，谢谢。

最佳答案

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

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

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

这是一个示例：http://jsfiddle.net/tMRvL/

关于jquery - jQuery从复选框获取多个检查值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14679916/