Как установить все флажки с уникальным именем?

Question

Я создаю флажки с петлей. Я хотел бы снять все флажки, которые START с именем «NameCheckBox» с идентификатором «nameChk». Поэтому все следующие не будут проверяться.

<input id='nameChk1' name='NameCheckBox1' type='checkbox' /> 
<input id='nameChk2' name='NameCheckBox2' type='checkbox' /> 
<input id='nameChk4' name='NameCheckBox4' type='checkbox' /> 

и следующий не будут затронуты

<input id='dateChk1' name='DateCheckBox1' type='checkbox' /> 
<input id='dateChk2' name='DateCheckBox2' type='checkbox' /> 
<input id='dateChk3' name='DateCheckBox3' type='checkbox' /> 

Как это сделать?

Answer 1

вы можете использовать starts-with attribute selector целевой элементы, которые вы хотите ..

$('input:checkbox[name^=NameCheckBox][id^=nameChk]').attr('checked', false); 

Answer 2

Это нехороший способ сделать это. Вам лучше определить эти поля имен с каким-то классом css.

<input id="foo" class="namecheck">

затем использовать $(".namecheck").attr("checked", false);, чтобы снять их, когда вам нужно.

Answer 3

$('input:checkbox[name^=NameCheckBox]').removeAttr('checked'); 

Вы можете сделать то же самое для идентификатора вместо имени. Однако использование общего имени класса лучше и, скорее всего, быстрее.

Answer 4

Вы хотите использовать attr(), чтобы получить имя и/или идентификатор элементов ...

http://jsfiddle.net/GzTpp/2/