Динамический клиентский скрипт
Мне нужно написать java-скрипт. Предполагается, что это проверяет, установлен ли флажок на странице или нет. Проблема здесь в том, что флажок находится внутри сетки и создается динамически. Причина в том, что количество флажков, которые необходимо отобразить, не известно во время разработки. Таким образом, идентификатор известен только на стороне сервера.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
Если это ваш единственный флажок, вы можете выполнить вызов getElementsByTagName (), чтобы получить все входные данные, а затем выполнить итерацию по возвращаемому массиву в поисках соответствующего значения типа (т.е. флажка).
Вы также должны сгенерировать свой javascript или, по крайней мере, структуру данных (массив) javascript, которая должна содержать флажки, которые вы должны контролировать.
В качестве альтернативы вы можете создать содержащий элемент и циклически использовать js для каждого дочернего элемента ввода с флажком типа.
Вот такая мысль:
Как указано Anonymous, вы можете сгенерировать javascript, если вы работаете в ASP.NET, вам может помочь метод RegisterClientScriptBlock (). MSDN при внедрении клиентского скрипта
Также вы можете написать или сгенерировать функцию javascript, которая принимает флажок в качестве параметра и добавляет атрибут onClick к определению флажка, который вызывает вашу функцию и передает себя в качестве параметра.
function TrackMyCheckbox(ck)
{
//keep track of state
}
<input type = "checkbox" onClick = "TrackMyCheckbox(this);".... />
В вопросе не так много подробностей. Но если предположить, что сетка HTML создается на стороне сервера (не в javascript).
Затем добавьте классы в флажки, которые должны быть отмечены. И пройдитесь по DOM, ища все флажки с этим классом. В jQuery:
HTML:
<html>
...
<div id = "grid">
<input type = "checkbox" id = "checkbox1" class = "must-be-checked" />
<input type = "checkbox" id = "checkbox2" class = "not-validated" />
<input type = "checkbox" id = "checkbox3" class = "must-be-checked" />
...
<input type = "checkbox" id = "checkboxN" class = "must-be-checked" />
</div>
...
</html>
Javascript:
<script type = "text/javascript">
// This will show an alert if any checkboxes with the class 'must-be-checked'
// are not checked.
// Checkboxes with any other class (or no class) are ignored
if ($('#grid .must-be-checked:not(:checked)').length > 0) {
alert('some checkboxes not checked!');
}
</script>
ASP.Net, верно? Измените вопрос, включив в него тег и для вашей серверной платформы.