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

Question

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

0

У меня есть флажок в каждой строке. У меня есть кнопка, которая удаляет все строки, в которых отмечены флажки. Для этого мне нужно получить идентификатор строк, где установлен флажок. Я написал следующий код. Но не работает. Pls помогает мне, ребята..

Код кнопки: <a class="row-delete" align="left" onclick="deleteItem()"/>

function deleteItem(){
    if (confirm("Are you sure you want to delete?")){               
         $(":checkbox").change(function() {
            var notChecked = [], checked = [];
            $(":checkbox").map(function() {
               this.checked ? checked.push(this.id) : notChecked.push(this.id);
            });
            alert("checked: " + checked);
         });
         deleteAll(checked,0);
    }
}

Что не так в коде выше?

Sanjay Malhotra 23 сен. 2013, в 09:38

Источник

Теги:

javascript

jquery

html

scripting

jqgrid

2 ответа

1

Удалите onchange function из deleteItem потому что, когда вы click на link она будет re-init при изменении checkbox elements

function deleteItem(){
    if (confirm("Are you sure you want to delete?")){               
         var notChecked = [], checked = [];
         $(":checkbox").each(function() {
            id=this.id;
            this.checked ? checked.push(id) : notChecked.push(id);
         });
         alert("checked: " + checked);
         deleteAll(checked,0);
    }
}

Вы можете создать array of checked checkboxes например,

   $(":checkbox:checked").each(function() {
        checked.push(this.id);
   });

И если вы хотите удалить элементы onclick из флажка, попробуйте,

$(":checkbox").on('click',function() {
   if($(this).is(':checked')){
      alert($(this).attr('id'));// this item is ready to delete
   }
});

Rohan Kumar 23 сен. 2013, в 05:04

0

Мне нужно удалить из кнопки Удалить все. Я должен передать идентификаторы строки в метод deleteAll ..
Sanjay Malhotra 23 сен. 2013, в 07:24
1

Хорошо, тогда не используйте last one метод моего answer
Rohan Kumar 23 сен. 2013, в 07:26

Ещё вопросы

Мне нужно удалить из кнопки Удалить все. Я должен передать идентификаторы строки в метод deleteAll ..
Хорошо, тогда не используйте last one метод моего answer

Arun P Johny · Accepted Answer · 2013-09-23T04-44-00.000Z

Вы регистрируете обработчик события change в методе deleteItem который не требуется, вам нужно просто перебрать флажки с помощью.each() и обновить необходимые массивы

Также предпочтительно использовать .each() вместо .map() поскольку вы не возвращаете значения

function deleteItem(){
    if (confirm("Are you sure you want to delete?")){               
        var notChecked = [], checked = [];
        $(":checkbox").each(function() {
            if(this.checked){
                checked.push(this.id);
            } else {
                notChecked.push(this.id);
            }
        });
        alert("checked: " + checked);
        deleteAll(checked,0);
    }
}