[Malleys]

document.forms['my-recept']['mykal\[\]'].value

Зачем тут экранирование? Разве квадратные скобки — специальные символы в строке?

alert("mykal\[\]" === "mykal[]"); // true

Для множества элементов так не получится.

Почему?

interface HTMLFormElement : HTMLElement {
  /* в частности объявлено также... */
  [SameObject] readonly attribute HTMLFormControlsCollection elements;
  getter Element (unsigned long index);
  getter (RadioNodeList or Element) (DOMString name);
};

А зачем такое имя name="mykal[]"?

А такое имя нужно,когда нужны несколько одинаковых полей.

Вы можете называть как угодно, в случае, когда будет только одно поле, document.forms['my-recept']['mykal'] возвратит один элемент формы (класс Element). В случае, когда полей несколько — будет возвращён список элементов формы (класс RadioNodeList)

Нет,так не работает

Для множества элементов так не получится.

Если вы хотите обращаться к элементам так — document.forms["my-recept"]["mykal"], то вам следует обработать оба из возможных возвращаемых вариантов... Но вам рекомендую не использовать такое обращение!

<form action="#" name="my-recept">
	<input class="form-control" name="mykal">
	<input class="form-control" name="mykal">
</form>

<script>

	const ref = document.forms["my-recept"]["mykal"];
	
	switch(true) {
		case ref instanceof RadioNodeList:
			for(const element of ref) {
				element.value = "5";
			}
			break;
		case ref instanceof Element:
			ref.value = "5";
			break;
	}
	
</script>

Я вам рекомендую использовать document.querySelectorAll, тогда у вас будет одинаковая обработка отсутствия элемента, одного элемента и множества элементов...

<form action="#" name="my-recept">
	<input class="form-control" name="mykal">
	<input class="form-control" name="mykal">
</form>

<script>

	for(const element of document.querySelectorAll("form[name='my-recept'] [name='mykal']")) {
		element.value = "5";
	}
	
</script>