javascript - jQuery - 如何在点击事件 jquery 中使用each()？

Question

请查看我的html代码:

<form action="#" class="check_opt" id="ckPrice">
    <p><input class="niceCheck" type="checkbox" name="" value="0-49">3 millions - 10 millions (21)</p>
    <p><input class="niceCheck" type="checkbox" name="" value="50-99"> >10 millions - 15 millions (7)</p>
    <p><input class="niceCheck" type="checkbox" name="" value="100">15 millions and above (15)</p>
</form>

和 jQuery 代码:

<script type="text/javascript"> 
    $(document).ready(function() { 
        $('#ckPrice :checkbox').click(function() { 
            var price = 'abc'; 
            $(".niceCheck").each(function() { 
                if ($(".niceCheck").is(":checked")) { 
                    price += $(".niceCheck").value(); 
                } 
            }); 
        alert(price); 
        }); 
     }); 
</script>

底部 jQuery 代码中的警报函数仅返回“abc”。我该怎么做？

Answer 1

更改:

if ($(".niceCheck").is(":checked")) {
    price += $(".niceCheck").value();
}

至:

if ($(this).is(":checked")) {
    price += $(this).val();
}

您的 .each() 调用正在循环访问您想要的元素，您需要通过 $(this) 引用它们。此外，jQuery 使用 .val() 而不是 .value()。当然，由于您有不寻常的值，您的最​​终结果将是一个类似于“abc50-99100”的字符串

<强> jsFiddle example