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

Question

我的表单有以下复选框,我想勾选选项以显示带有选中值的警报,但是当我勾选它时没有任何事情显示警报:

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

请指教,谢谢.

Answer 1

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

例如,您可以单击按钮来处理它:

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

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