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

目前我能想到的就这些了。<​​/p>

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

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

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

谢谢。

Answer 1

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

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

简短

正如 Craig 所提到的，还有一个简短的版本可用:

$(':checkbox:checked')

计数

如果你想知道选中复选框的数量，只需这样做:

$(':checkbox:checked').length