Question

我有以下复选框列表：

<div class="quaterly-dates-list">
<label>
<input type="checkbox" value="Q1 2012">
<span>Q1 2012 </span>
</label>
<label>
<input type="checkbox" value="Q2 2012">
<span>Q2 2012 </span>
</label>
<label>
<input type="checkbox" value="Q3 2012">
<span>Q3 2012 </span>
</label>
</div>

我需要在document.ready事件上选中复选框。

Answer 1

你可以这样做：

$(document).ready(function() {
    var checkboxes = $("div.quaterly-dates-list :checkbox:checked").map(function() {
        return this.value;
    }).get();
});

这将为div quaterly-dates-list

中的复选框提供一系列值

Answer 2

尝试：

$(document).ready(function() {
    var selectedCheckboxes = $( "input:checked" );
});

有关详细信息，请查看jQuery API

Answer 3

请提供您的复选框名称，以便它们可用;所以他们可以序列化..等等：

<input type="checkbox" name="Q1" value="Q1 2012">
<input type="checkbox" name="Q2" value="Q2 2012">
<input type="checkbox" name="Q3" value="Q3 2012">

要获取已检查的名称和值，请使用：

 $(function() {
     var ckArr = $('div.quaterly-dates-list').find(':checkbox:checked')
     .map(function(i,v) { return { v.name: v.value }; }).get();
 });

仅获取已检查使用的值：

 $(function() {
     var ckArr = $('div.quaterly-dates-list').find(':checkbox:checked')
     .map(function(i,v) { return this.value; }).get();
 });

获取document.ready（）上的选中复选框

3 个答案: