检查JQuery中的复选框

你好，我正在检查复选框是否被选中。但是，我的复选框是使用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 %}

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

{%用于关键字列表中的关键字%}
{%if keyword.keyword\u name==userprofile.keywords\u订阅%}
{{keyword.keyword_name}}

{%else%}
{{keyword.keyword_name}}

{%endif%}
{%endfor%}

Jquery代码如下：

{% 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 %}

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

订阅价格
函数popup（）{
{价格列表%中的价格为%}
警报（{{price.price\u of_each\u keyword}}）
{%endfor%}
}
函数DoTheCheck（）{if（document.cb2.checked==true）
{alert（'box2已选中'）；}
}

目前我只能想到这一点

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

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

谢谢你给我的任何帮助

---

谢谢。

您可以通过以下内容获得站点中所有选中复选框的列表：

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

短期

正如Craig提到的，还有一个简短的版本：

$(':checkbox:checked')

计数

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

$(':checkbox:checked').length

---

如果您不想循环通过页面上的所有复选框

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

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

your code

}

});

---

Marc有一个很好的答案，但是如果你想检查每一个答案，那么下面就可以了

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

---

希望有帮助

向我们展示周围的HTML（父对象）。根据您所展示的内容，不足以知道jQuery将如何工作，因为您的输入标记不是唯一可识别的。我看不到任何jQuery代码…如果我想计算复选框的数量，可能会重复？在页面上使用循环或全部复选框创建的复选框中？如果你想要所有的复选框，另一个Marc有很好的方法来做，找到答案。只需要使用函数。干杯！：汉克斯·伊胡多凯！你知道如何检查选中框的数量吗？好了：

$（':checkbox:checked'）。长度
这个。在我看来，checked
比
$（这个）更有效，更容易阅读。is（“：checked”）
。
this.name也是如此。
…+1还有一个简短的
：checkbox
选择器，也是这样写的
$（':checkbox:checked'）
来获取选中的复选框。