使用 jQuery 根据输入文本更改选中/取消选中的单选按钮

Question

我有一个基于该列表的自定义年份列表我正在将值添加到输入字段，如何根据输入设置收音机的值，就像我在输入字段中写 2022 必须在列表中选中

var currentDate = new Date();
  var currentYear = currentDate.getFullYear();
  let startYear =  currentYear - 10;
  let endYear =  currentYear + 10;

  for ( let i = startYear; i <= endYear; i++ ) {
    $('#custom-years-list').append(`
      <li class="checkbox-container">
        <input type="radio" id=${i}  name="startYear">
        <label for=${i}>${i}</label>
      </li>
    `)
  }

这就是我在 ul 中添加年份并希望根据输入字段选择收音机的方式

Answer 1

此解决方案向您的输入字段添加了一个事件侦听器（您需要相应地更改第二个参数）。 然后它简单地获取输入并将适当的复选框设置为选中。

此外，您的 ID 不能是数字。

var currentDate = new Date();
  var currentYear = currentDate.getFullYear();
  let startYear =  currentYear - 10;
  let endYear =  currentYear + 10;

  for ( let i = startYear; i <= endYear; i++ ) {
    $('#custom-years-list').append(`
      <li class="checkbox-container">
        <input value="${i}" type="radio" id=year${i}  name="startYear">
        <label for=year${i}>${i}</label>
      </li>
    `)
  }

$(document).on("input",".input",function(){
    input_year = $(this).val();
    $("#year" + input_year).prop("checked",true);
});