向动态生成的HTML添加jQuery条件验证

我有以下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？）模块，并试图找出如何实现这种验证，这似乎比示例要复杂一点

从概念上讲，我想在复选框中添加一个CSS类，然后使用

addClassRules

添加一个自定义规则。然而，挑战在于如何为每个复选框指定相关的文本框

---

我的HTML是使用ASP.NET MVC生成的，因此我可以动态生成JavaScript，为每个复选框指定规则，但这似乎有点冗长。

我也做过类似的事情，Richard。尽管我没有遵守海关规定。我的方法是将类“required”添加到输入标记中

就你的选择器而言，你能不能让你的文本框和输入“共享”一个他们独有的类，比如class0。。classN并选择该类中的输入

善良

---

使用以下方法解决Dan问题

我更新了HTML，将特定的CSS类包含到我的文本框中（

amount\u text\u box

），并使用了以下jQuery：

$.validator.addClassRules("amount_text_box", { required: function(element) {
    var chkId = element.id.replace(/txt/, "#chk");
    return $(chkId)[0].checked;
}

一个限制是，这仅在焦点离开文本框时触发-理想情况下，该规则在单击复选框时也会触发