→JavaScript программирование → Обход выбранных элементов (чекбоксов) в JQuery
Итак, когда мы выбрали интересующие нас элементы после прочтения статьи о селекторах в JQuery, было бы неплохо «вынуть» то, что мы получили.
Например, имеем группу из четырех чекбоксов, выбором которых будем удалять записи:
Собственно, JavaScript:
Ну, в общем как-то так:) Надеюсь, кому-то помогло.
Например, имеем группу из четырех чекбоксов, выбором которых будем удалять записи:
<input type="checbox" name="delete-article[]" value="1" class="delete-article">
<input type="checbox" name="delete-article[]" value="2" class="delete-article">
<input type="checbox" name="delete-article[]" value="3" class="delete-article">
<input type="checbox" name="delete-article[]" value="4" class="delete-article">
<input type="checbox" name="delete-article[]" value="2" class="delete-article">
<input type="checbox" name="delete-article[]" value="3" class="delete-article">
<input type="checbox" name="delete-article[]" value="4" class="delete-article">
Собственно, JavaScript:
<script type="text/javascript">
var array_delete_articles = $("input:checkbox[class=delete-article]:checked"); // загнали в переменную, что бы по несколько раз не делать выборку
if(array_delete_articles.size() == 0){ // т.к. чекбоксов у нас на странице может быть еще много, то ввели класс, по которому будет осуществляться выборка, в принципе можно было сделать селектор через имя чекбокса, но я не пробовал (получится?)
alert("Отметьте хотя бы один чекбокс для удаления статьи.")
}
else {
array_delete_articles.each(
function() { // ajax запрос на удаление артикла
$.ajax({
type: "GET",
url: '/article/delete/' + this.value
});
}
);
}
</script>
var array_delete_articles = $("input:checkbox[class=delete-article]:checked"); // загнали в переменную, что бы по несколько раз не делать выборку
if(array_delete_articles.size() == 0){ // т.к. чекбоксов у нас на странице может быть еще много, то ввели класс, по которому будет осуществляться выборка, в принципе можно было сделать селектор через имя чекбокса, но я не пробовал (получится?)
alert("Отметьте хотя бы один чекбокс для удаления статьи.")
}
else {
array_delete_articles.each(
function() { // ajax запрос на удаление артикла
$.ajax({
type: "GET",
url: '/article/delete/' + this.value
});
}
);
}
</script>
Ну, в общем как-то так:) Надеюсь, кому-то помогло.
