See https://github.com/SBoudrias/Inquirer.js/issues/463 for details

extended_list.js

const inquirerList = require('inquirer/lib/prompts/list.js');
const runAsync = require('run-async');
const Rx = require('rx');

function listItemRender(name, value, isSelected=false, isDisabled=false) {
  const selected = isSelected ? 'checked ' : '';
  const disabled = isDisabled ? 'disabled ' : '';

  return `<br /><label>
    <input ${disabled}${selected} value="${value}" name="aaa" type="radio"/> ${name}
  </label>`;
}

function listRender(choices, pointer) {
  let output = '';
  let separatorOffset = 0;

  choices.forEach((choice, i) => {
    if (choice.type === 'separator') {
      separatorOffset++;
      output += '  ' + choice + '<br/>';
      return;
    }

    if (choice.disabled) {
      separatorOffset++;
      output += listItemRender(choice.name, i, false, choice.disabled);
      return;
    }

    const realIndex = i - separatorOffset;
    const isSelected = (realIndex === pointer);

    output += listItemRender(choice.name, realIndex, isSelected, choice.disabled);
  });

  return output;
}

inquirerList.prototype.render = function() {
  let message = this.getQuestion();

  if (this.status === 'answered') {
    message += this.opt.choices.getChoice(this.selected).short;
    return message;
  } else {
    message += '<br/>' + listRender(this.opt.choices, this.selected);
  }

  message += '<br /><button>Next</button>'

  const el = document.createElement('div');
  el.innerHTML = message;
  document.getElementById('app').appendChild(el);

  const self = this;
  const $button = document.getElementsByTagName('button')[0];
  Rx.Observable.fromEvent($button, 'click')
    .map(this.getCurrentValue.bind(this))
    .flatMap(value => {
      document.getElementById('app').innerHTML = '';

      return runAsync(self.opt.filter)(value).catch(err => {
        return err;
      });
    })
    .forEach(this.onSubmit.bind(this));
}