JQuery найти флажок и установите/снимите его

Question

My 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); 

выше не работает. вот сгенерированные HTML с использованием поджигателя

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

Answer 1

в вашем примере вы установите класс class="checkbox" то в вызове JQuery вы используете идентификатор #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); 

EDIT

на основе вашего обновления вы должны сделать:

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

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

Answer 2

Вы используете селектор в то время как вы должны использовать селектор класса:

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

Вы также можете выбрать непосредственно идентификатор флажка вы хотите изменить :

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

Answer 3

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

Answer 4

Если флажок имеет «идентификатор», то это все, что вам нужно, чтобы выбрать его.

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

Answer 5

ID должен быть уникальным. Так что это достаточно (и наиболее эффективный) использовать этот идентификатор в качестве селектора:

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

Answer 6

Это не работает, потому что <label> является возможность объявления class="checkbox" поэтому вам нужно искать класса с периодом ., а затем целевой внутренний флажок

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

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

Answer 7

Используйте идентификатор вместо класса

$ ('# Careworks_Map') проп ('проверено', правда).