как получить проверенное значение из списка динамически выбранных созданных флажков? - PullRequest
0 голосов
/ 28 апреля 2020

У меня есть мои флажки, динамически заполненные здесь (с использованием тимелина). У меня есть список флажков со значениями, назначаемыми динамически, когда моя страница загружается.

<ul class="list">
  <li th:each="model : ${model}">
    <input type="checkbox" class="cbCheck" th:field="*{model}" th:value="${model}" />
    <label th:text="${model}"></label>
  </li>
</ul> 

Мне нужно значение отмеченных флажков, когда пользователь нажимает кнопку «Отправить». Любые решения?

Я пытался дать им общее имя. и доступ к значению, как это:

var list = $("input[name='inputCheck']:checked").map(function () {
    return this.value;
}).get();

alert(list);


}

Но оповещение всегда пусто. Хотели бы некоторые решения для этого?

Весь используемый код:

<body>
<h2> LIST OF RULES ACTIVE</h2>
<div id="RuleList">
    <ul class="list">
       <li th:each="model : ${model}">
         <input type="checkbox" name="inputCheck" th:id="${model}" th:field="*{model}" th:value="${model}" />
         <label th:text="${model}"></label>
      </li>
   </ul>
   <button type="button" onclick="sendResponse()" id="DeActivate">DeActivate</button>
</div>
<br/>
<br/>
<script>

function sendResponse()
{
/*var array = [];
if(document.getElementsByName("inputCheck").checked)
    {
    array.push(document.getElementsByName("inputCheck").value);
    alert(array);
    }

}*/



var list = $("input[name='inputCheck']:checked").map(function () {
    return this.value;
}).get();

alert(list);


}

</script>

</body>

Поток программы не входит в отмеченное флажком состояние.

1 Ответ

0 голосов
/ 28 апреля 2020

попробуйте это:

var list = document.querySelectorAll('.cbCheck');
for (i=0; i<list .length; i++){
    alert(check[i].value)
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...