在 JQuery 中检查复选框

Question

您好，我正在尝试检查复选框是否被选中。但是我的复选框是使用 for 循环创建的，每个复选框的值实际上是相同的。

代码如下：

{% for keyword in keyword_list %}
    {% if keyword.keyword_name == userprofile.keywords_subscribed  %}
        <input type="checkbox" disabled="disabled" name="keywords" value="keywords"/>   {{keyword.keyword_name}}<br />
    {% else %}
        <input type="checkbox" name="cb" value="keywords"  />   {{keyword.keyword_name}}<br />
    {% endif %}
{% endfor %}

jquery代码如下：

<h2>Price of subscriptions</h2>
    <script type="text/javascript" src="/static/js/jquery-1.6.3.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="/static/fc3/charts/FusionCharts.js"></script>
    <script type="text/javascript">
    function popup(){
        {% for price in price_list %}
            alert({{price.price_of_each_keyword}})
        {% endfor %}
    }
    function DoTheCheck() { if(document.cb2.checked == true)
                { alert('box2 is checked'); }
    }

    </script>

目前我能想到的就这些了。

那么我如何使用 jquery 来遍历复选框并检查它们是否被选中？

我在网上找到了一些示例，但其中大多数实际上为他们的代码创建了单独的复选框名称，这使得使用 jquery 更容易检查它们。

感谢我能得到的任何帮助。

谢谢。

Answer 1

您可以通过以下方式获取站点中所有选中复选框的列表：

$('input[type=checkbox]:checked')

简短

正如克雷格所说，也有一个简短的版本：

$(':checkbox:checked')

计数

如果您想知道选中复选框的数量，只需执行以下操作：

$(':checkbox:checked').length

Answer 2

Marc 有一个很好的答案，但如果你想逐一检查并检查，那么下面的方法可以做到这一点。

$('input[type=checkbox]').each(function(){
     if($(this).is(":checked")){
         alert($(this).attr("name")+ " is checked");
     } else {
         alert($(this).attr("name")+ " is not checked");
     }
   });

希望有帮助！

Answer 3

如果您不想遍历页面上的所有复选框

你可以像这样给他们一个类和循环

$('.yourClass').each(function(i, obj) {
    if($(this).is(':checked'))
{

your code

}

});