Question

<div class="form-group">
    <label>Morgage application completed (if yes please enter date)</label>
    <span id="RblMorgAppComp" class="rblLocal checkonchange">
    <input id="RblMorgAppComp" type="radio" name="RblMorgAppComp" value="Yes">
    <label for="RblMorgAppComp">Yes</label>
    <input id="RblMorgAppComp" type="radio" name="RblMorgAppComp" value="No">
    <label for="ctl00_ContentPlaceHolder1_RblMorgAppComp_1">No</label></span>
    <div class="input-group date datepick">
        <input name="TxtMorgAppCompDate" type="text" id="TxtMorgAppCompDate" class="form-control rddt">
        <span class="input-group-addon">
        <i class="fa fa-calendar"></i>
        </span>
    </div>
</div>

以及以下jquery。

        $('.checkonchange input').change(function () {
            var rdlVal = $(this).val();
            if (rdlVal == 'Yes') {
                //$(this).parent().parent().next('input').find('.rddt').css('border', 'solid 1px #000');
                $(this).nextAll('.rddt').val('ddddd');
                //$('.rddt').focus();
                //alert($(this).next('.rddt').val());
                //alert($(this).nextAll('.rddt').text());
                //$(this).next('.rddt').css('border', 'solid 1px #000');
                //$(this).closest("input['type=text']").css('border', 'solid 1px #000');
            }
        });

如果用户选择“是”，我正尝试将焦点更改为文本框。正如你所看到的，我尝试了很多东西，但我无法让它发挥作用。

我确信它一定很简单。我不能只找到类名，因为我在1页上有很多这些单选按钮和文本框。

感谢

Answer 1

为类.rddt中位于.form-group的所有输入设置值（焦点将在最后一次输入时）

$(this).closest('.form-group').find('.rddt').val('YES').focus();

您也可以使用ID

$('#TxtMorgAppCompDate').val('YES').focus();

Example

jquery使用类名查找下一个元素

1 个答案: