Создаете input, button и div в котором будут чекбоксы:
<input id="input" type="text">
<button onclick={myFunc()}>click</button>
<div id="div"></div>
Один из вариантов:
function myFunc() {
// берем значение из input
var element = document.getElementById('input').value
// разбиваем его по знаку "-"
var arr = element.split('-')
// если длина массива === 2, то все ок
if (arr.length === 2) {
// переводим в число
var num1 = Number(arr[0])
var num2 = Number(arr[1])
// если это оба числа и 1 число меньше 2 то все ок
if (!isNaN(num1) && !isNaN(num2) && num1 <= num2) {
var divEl = document.getElementById('div')
// очищаем все что внутри div
while (divEl.firstChild) {
divEl.removeChild(divEl.firstChild);
}
for (var i = num1; i <= num2; i++) {
// создаем чекбокс
var checkbox = document.createElement('input')
checkbox.type = 'checkbox'
checkbox.value = i
checkbox.id = 'checkbox' + i
// создаем label для чекбокса
var label = document.createElement('label')
label.htmlFor = 'checkbox' + i
label.innerHTML = 'checkbox' + i
// добавляем в наш div
divEl.appendChild(checkbox)
divEl.appendChild(label)
}
}
}
}
К сожалению не знаю что у вас за условия, но при желании можно не делать проверки на isNaN, а просто запрещать ввод например символов, или на input сделать какую нибудь маску. Просто у вас не совсем очевидно что требуется
input
число например25-28
нажимает кнопку. После нажатия кнопки скрипт должен сформировать массив чисел от25-28
и вывести на экран ввиде<input type='checkbox' value='25'>
и т.д. до конца массива. – Aziret Kadykeev 11 апр '18 в 6:46