jQuery查找复选框并选中/取消选中它

Question

My checkboxes created in loop:

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

And then I am using jQuery to check it:

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

The above is not working. here is the generated html using firebug

<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's should be unique. So it's enough (and most efficient) to use that ID as a selector:

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

Answer 3

You are using an id selector while you have to use a class selector :

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

You can also select directly the id of the checkbox you want to modify:

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

Answer 4

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

Answer 5

It's not working because the <label> is declaring a class="checkbox" so you need to search for class with a period . and then target the inner checkbox

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

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

Answer 6

In your example you set a class class="checkbox" then in the jquery call you use an id #checkbox input so to make it work you should do:

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

Then if your item.Name is set with a prefix like var item.Name = my_prefix _somestring you can use a wildcard.

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

If item.Name are unique (which I presume) then just do :

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

EDIT

based on your update you should do that :

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

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

Answer 7

Use id instead of class

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