使用 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);
});