すべてのチェックボックスを一意の名前で選択するにはどうすればよいですか？

Question

ループでチェックボックスを作成しています。 STARTという名前の「NameCheckBox」というIDと「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

あなたは

$('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'); 

..あなたがしたい要素をターゲットにstarts-with attribute selectorを使用することができますあなたは、IDの代わりに、名前のために同じことを行うことができます。 しかし、一般的なクラス名を使用するほうが優れていると思われます。

Answer 4

あなたは、コードビハインドページでこれをやりたい

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