javascript - 基于复选框更新文本框 Jquery

Question

我想用 Jquery 实现以下目标

• 有多个行程，每个行程都有复选框和文本框。
• 每当选中复选框时，与该复选框对应的文本框中的值都必须更新为“1”。
• 无论客户在文本框中键入内容，都应选中复选框。
• 客户选择的行程总数不得超过 10 条。 (即，如果两个输入框的总数均为 10，则应显示错误或警报。

我尝试了以下代码，但它不起作用

<input type="checkbox" id="ckval1" class="checkvaloare" /> Trip 1
<input type="text" id="text1" class="ckval1" size="2" />
<br />
<input type="checkbox" id="ckval2" class="checkvaloare" /> Trip 2
<input type="text" id="text2" class="ckval2" size="2" />

JQuery 如下:

$("input[type=checkbox]").click(function () {
   update();
});

function update() {
   $("input[type=text]").each(function () {
    if (($(this).is(":checked"))) {
        $(this).val(1);
    }
    else
    {
        $(this).val(0);
    }
  });
}

Answer 1

使用.next()获取下一个同级元素，使用.prev()获取上一个同级元素。

尝试

$(function () {
    $("input[type=checkbox]").on('click', function () {

        $(this).next().val($(this).is(':checked') ? '1' : '0');
    });
    $("input[type=text]").on('keyup', function () {
        if (+ $(this).val()) {
            alert('f');
            $(this).prev().prop('checked', true);
        } else {
            $(this).prev().prop('checked', false);
        }
    });
});

演示:http://jsfiddle.net/tamilcselvan/m242bo5z/2/