jquery 复选框被选中需要输入条目

Question

我在表单中有这些输入和复选框

<input class="validate[minCheckbox[1]] checkbox" id="maxcheck_0" type="checkbox" name="children[]" value="Juliette" />
<input type="text" name="school[]" id="school_0" value="" /><br />
<input class="validate[minCheckbox[1]] checkbox" id="maxcheck_1" type="checkbox" name="children[]" value="Franck" />
<input type="text" name="school[]" id="school_1" value="" /><br />
<input class="validate[minCheckbox[1]] checkbox" id="maxcheck_2" type="checkbox" name="children[]" value="Lisa" />
<input type="text" name="school[]" id="school_2" value="" />

这个jquery绑定(bind)复选框点击

    $('input[type=checkbox]').bind('click',function() {
    if($(this).is(':checked')){
        $('#school_0').attr('class', 'validate[required]');
        //$('#school_1').attr('class', 'validate[required]');
        //$('#school_2').attr('class', 'validate[required]');
    } else {
        $('#school_0').removeAttr('class');
        //$('#school_1').removeAttr('class');
        //$('#school_2').removeAttr('class');
    }
}); 

如何将类属性添加到与其复选框相关的任何输入？

Answer 1

如果所有复选框的 ID 格式均类似于“maxcheck_”+一些整数，并且所有关联的文本框均根据复选框 ID 中列出的整数进行关联。然后你可以:

获取单击的复选框的 ID。 split() 该字符串位于 _ 处，并访问数组第二个位置的值。使用数组第二个位置的值，您可以将其添加到“school_”的末尾以修改正确的文本框。

$('input[type=checkbox]').bind('click',function() {
    if($(this).is(':checked')){
        var idnum = (($(this).attr("id")).split("_"))[1];
        $('#school_ ' + idnum).addClass('validate[required]');
    } else {
        $('#school_' + idnum).removeClass('validate[required]');
    }
});