要解决被勾选的单选输入框未触发:checked伪类选择器的问题，可以使用JavaScript来实现。

首先，我们需要为单选输入框添加一个事件监听器，以便在选中状态改变时触发该事件。然后，我们可以使用JavaScript来添加一个类或样式，以便在选中状态下改变单选输入框的样式。

以下是一个示例代码：

HTML:

JavaScript (script.js):

const myRadio = document.getElementById("myRadio");

myRadio.addEventListener("change", function() {
  if (myRadio.checked) {
    myRadio.classList.add("checked");
  } else {
    myRadio.classList.remove("checked");
  }
});

CSS:

input[type="radio"].checked {
  /* 在选中状态下改变单选输入框的样式 */
}

在上面的代码中，我们首先使用document.getElementById("myRadio")获取单选输入框元素，并为其添加了一个change事件监听器。当单选输入框的选中状态发生改变时，事件监听器会被触发。

在事件监听器中，我们使用if语句来检查单选输入框的checked属性是否为true，如果是，则使用classList.add()方法为单选输入框添加一个名为"checked"的类。

接下来，在CSS中，您可以使用input[type="radio"].checked选择器来选择具有"checked"类的单选输入框，并在选中状态下改变其样式。

这样，当单选输入框被勾选时，"checked"类将被添加，触发:checked伪类选择器的样式，并相应地改变单选输入框的样式。