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/

Answer 2

那应该有效

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

Demo on Jsfiddle，other demo on JSBin

Answer 3

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

为我工作：）

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

3 个答案: