次の HTML シナリオがあります。
<div>
<input id="txt0" type="text" /><input type="checkbox" id="chk0" /></div>
<div>
<input id="txt1" type="text" /><input type="checkbox" id="chk1" /></div>
<!-- etc -->
<div>
<input id="txtN" type="text" /><input type="checkbox" id="chkN" /></div>
チェックボックスNがチェックされている場合、テキストボックスNは必須フィールドです。
(the?) jQuery 検証モジュールを使い始めたばかりで、この検証を実現する方法を見つけようとしていますが、これは例よりも少し複雑に思えます。
addClassRules
概念的には、チェックボックスに CSS クラスを追加し、それを使用してカスタム ルールを追加したいと考えています。ただし、課題は、各チェックボックスに関連するテキスト ボックスを指定する方法です。
私の HTML は ASP.NET MVC を使用して生成されるため、チェックボックスごとにルールを指定する JavaScript を動的に生成できますが、これは少し長くなります。