jQuery查找復選框並選中/取消選中它

Question

我的循環創建的checkboxes ：

@foreach (L1 item in Model)
{
    <li><label class="checkbox"><input type="checkbox" id="@(item.Name)" 
         class="clink" value="@(item.Name)"/>@item.ForeName</label></li>
}

然后我使用jQuery來檢查它：

 $('#cworks').prop('checked', true);

以上不起作用。 這是使用firebug生成的html

<label class="checkbox"><input id="cworks" class="clink" value="cworks" type="checkbox">cworks</label>

Answer 1

如果復選框有“id”，那么您只需選擇它即可。

$('#Careworks_Map').prop('checked', true);

Answer 2

ID應該是唯一的。 因此，將該ID用作選擇器就足夠了（而且效率最高）：

$('#Careworks_Map').prop('checked', true);

Answer 3

您必須使用類選擇器時使用id選擇器：

$('.checkbox input[id="Careworks_Map"]').prop('checked', true);

您還可以直接選擇要修改的復選框的ID：

$('#Careworks_Map').prop('checked', true);

Answer 4

$(":checkbox input[id='Careworks_Map']").attr("checked", true);

Answer 5

它不起作用，因為<label>聲明了一個class="checkbox"所以你需要搜索帶有句點的類. 然后定位內部復選框

$('#checkbox input[id="Careworks_Map"]').prop('checked', true); // wrong

$('.checkbox input[id="Careworks_Map"]').prop('checked', true); // right

Answer 6

在你的例子中你設置了一個class class="checkbox"然后在jquery調用中你使用了一個id #checkbox input所以為了使它工作，你應該這樣做：

$('.checkbox input[id="somestring"]').prop('checked', true);

然后，如果您的item.Name設置為類似var item.Name = my_prefix _somestring的前綴，則可以使用通配符。

 $('.checkbox input[id=*"my_prefix"]').prop('checked', true);

如果item.Name是唯一的（我假設），那么就這樣做：

$('#Careworks_Map').prop('checked', true);

編輯

根據您的更新，您應該這樣做：

$('#cworks').prop('checked', true);

http://jsfiddle.net/daguru/7FUBn/2/

Answer 7

使用id而不是class

$（'＃Careworks_Map'）。prop（'checked'，true）;