检查是否用动态ID检查复选框

Question

我读了很多关于这个问题的问题，但无论我做什么，它都不起作用。

我有几个复选框动态的ID，像：

More: 
<input type="checkbox" name="more" id="checkbox-more-285"> 
<br> Extra: 
<input type="checkbox" name="extra" id="checkbox-extra-285"> 

<button class="add_to_cart"> 
    Add to cart 
</button> 

285号可以是任何东西，我在其他地方使用。

然后，我有这样的jQuery：

jQuery('.add_to_cart').click(function(e) { 
    e.preventDefault(); 

    if (jQuery("[id^='checkbox-more-']:checked")) { 
    console.log('1'); 
    } 

    if (jQuery("[id^='checkbox-extra-']:checked")) { 
    console.log('2'); 
    } 
    return false; 
}); 

正如你可以在的jsfiddle看到这里https://jsfiddle.net/，每当我单击添加到购物车按钮，这两个日志都在控制台上。

Answer 1

仅仅测试jQuery集合是不够的，它总是真实的。在.length属性添加到测试，像这样：

if (jQuery("[id^='checkbox-more-']:checked").length) { // etc... 

Answer 2

您可以使用

jQuery("[id^='checkbox-more-']").is(":checked") 
{ 
    console.log('1'); 
    } 

或

if($("[id^='checkbox-more-']").prop('checked') == true){ 
    console.log('1'); 
}