Фальшиві прапорці [з jquery]

i created some fake check boxes in element [ like ] ( after the real check box ) they works fine ! all i want is , how can i count the checked check boxes , when a check box clicked ( checked );

Я знаю кілька способів, таких як:

$(".elm:checked").length;

але його не працює добре!

У мене є наступний код для підрахунку позначених прапорців, наприклад:

    $(document).ready(function(){

        $(".mycheckbox").click(function(){

    $(".checkbox").click(function(){

    alert($(".checkbox:checked").length));//returns : if check box is checking return 0, if remove checked it returns 1 , its incorrect ! should be if checking return 1 else return 0

    });


    });
}

і я знаю його becuz своїх фальшивих прапорців, Коли користувач натискає флажок, нова функція в jQuery натискає справжню прапорець, тоді її робота буде добре!

хтось? будь-яка ідея !?

[Сри, моя англійська бідна]

jsfiddle : http://jsfiddle.net/E2kjM/2/

1
показати нам свій HTML-код
додано Автор Cherniv, джерело
показати нам свій HTML-код
додано Автор Cherniv, джерело
@ user2077916 Я оновив ваш jsfiddle .. jsfiddle.net/E2kjM/4 .. проблема полягає в через те, що змінюється значення .. при натисканні кнопки миші значок не змінюється .. ви повинні використовувати change подія для обробки цього
додано Автор rab, джерело
@ user2077916 Я оновив ваш jsfiddle .. jsfiddle.net/E2kjM/4 .. проблема полягає в через те, що змінюється значення .. при натисканні кнопки миші значок не змінюється .. ви повинні використовувати change подія для обробки цього
додано Автор rab, джерело
@ user2077916 Я оновив ваш jsfiddle .. jsfiddle.net/E2kjM/4 .. проблема полягає в через те, що змінюється значення .. при натисканні кнопки миші значок не змінюється .. ви повинні використовувати change подія для обробки цього
додано Автор rab, джерело
@ user2077916 Я перевірю ваш код
додано Автор rab, джерело
@ user2077916 Я перевірю ваш код
додано Автор rab, джерело
@ user2077916 Я перевірю ваш код
додано Автор rab, джерело
@ user2077916 Я додав радіо-виділений код .. який є частиною одного проекту я працюю .. сподіваюся, цей код допоможе вам jsfiddle .net/e23Qp
додано Автор rab, джерело
@ user2077916 Я додав радіо-виділений код .. який є частиною одного проекту я працюю .. сподіваюся, цей код допоможе вам jsfiddle .net/e23Qp
додано Автор rab, джерело
@ user2077916 Я додав радіо-виділений код .. який є частиною одного проекту я працюю .. сподіваюся, цей код допоможе вам jsfiddle .net/e23Qp
додано Автор rab, джерело
@ user2077916 може додати це в скрипку js?
додано Автор rab, джерело
@ user2077916 може додати це в скрипку js?
додано Автор rab, джерело
натисніть $ ("checkbox"). Натисніть , натиснувши на $ ("mycheckbox"), натисніть , щоразу $ ("mycheckbox"). клацніть . подія кліку додана до подій jQuery для цього елемента. Натисніть . $ ("mycheckbox") $ ("checkbox"), натисніть ") .trigger ('click')
додано Автор rab, джерело
натисніть $ ("checkbox"). Натисніть , натиснувши на $ ("mycheckbox"), натисніть , щоразу $ ("mycheckbox"). клацніть . подія кліку додана до подій jQuery для цього елемента. Натисніть . $ ("mycheckbox") $ ("checkbox"), натисніть ") .trigger ('click')
додано Автор rab, джерело
натисніть $ ("checkbox"). Натисніть , натиснувши на $ ("mycheckbox"), натисніть , щоразу $ ("mycheckbox"). клацніть . подія кліку додана до подій jQuery для цього елемента. Натисніть . $ ("mycheckbox") $ ("checkbox"), натисніть ") .trigger ('click')
додано Автор rab, джерело
додано Автор Aravind30790, джерело
додано Автор Aravind30790, джерело
додано Автор Aravind30790, джерело
вона повинна бути довжиною + 1, щоб дати правильний підрахунок. вхідні дані без ідентифікатора та імені не використовуються у формі вашої скрипки, оновленої: jsfiddle.net/E2kjM/5. ви перевірили під моєю пропозицією CSS? :)
додано Автор G-Cyr, джерело
вона повинна бути довжиною + 1, щоб дати правильний підрахунок. вхідні дані без ідентифікатора та імені не використовуються у формі вашої скрипки, оновленої: jsfiddle.net/E2kjM/5. ви перевірили під моєю пропозицією CSS? :)
додано Автор G-Cyr, джерело
Немає проблем з радіоприймачем! чи є у вас щось з мого питання? :(
додано Автор Saeid Khaleghi, джерело
jsfiddle.net/E2kjM/1 ! 8 хв, вибачте: D, що ви пропонуєте?
додано Автор Saeid Khaleghi, джерело
jsfiddle.net/E2kjM/1 ! 8 хв, вибачте: D, що ви пропонуєте?
додано Автор Saeid Khaleghi, джерело
jsfiddle.net/E2kjM/1 ! 8 хв, вибачте: D, що ви пропонуєте?
додано Автор Saeid Khaleghi, джерело
@ Раб, все ще не працює
додано Автор Saeid Khaleghi, джерело
@ Раб, все ще не працює
додано Автор Saeid Khaleghi, джерело
мій HTML-код: <input type = 'checkbox' class = 'checkboxes' />
додано Автор Saeid Khaleghi, джерело
мій HTML-код: <input type = 'checkbox' class = 'checkboxes' />
додано Автор Saeid Khaleghi, джерело
Немає проблем з радіоприймачем! чи є у вас щось з мого питання? :(
додано Автор Saeid Khaleghi, джерело
Немає проблем з радіоприймачем! чи є у вас щось з мого питання? :(
додано Автор Saeid Khaleghi, джерело
Хлопці дійсно thx всім вам! ти дійсно допомагаєш мені, але це доза не дублює! погляньте на питання! У мене є аллергічна відповідь "обчислити число html checkbox з використанням jquery", не допомогло мені! зовсім <3 тхс
додано Автор Saeid Khaleghi, джерело
Хлопці дійсно thx всім вам! ти дійсно допомагаєш мені, але це доза не дублює! погляньте на питання! У мене є аллергічна відповідь "обчислити число html checkbox з використанням jquery", не допомогло мені! зовсім <3 тхс
додано Автор Saeid Khaleghi, джерело
дай мені 5 хв.
додано Автор Saeid Khaleghi, джерело

10 Відповіді

Your selectors in jQuery are incorrrect. $('mycheckbox') is searching for a tag in your document, which does almost certainly does not exist.

I presume your fake checkboxes are done via CSS class names on elements, e.g. , in which case you need to do

$('.mycheckbox').length;
   ^--- CSS class name selector
2
додано
@ user2077916 Можливо, ви хочете переконатися, що ваш приклад точний, це вводить в оману.
додано Автор Marty, джерело
тоді не говорите про "фальшиві прапорці". Якщо ви насправді використали <input type = "checkbox>> СКАЧАТИ , тож. Ми добре, але ми не заважаємо читачам. Якщо ви звинувачуєте приклади, наші відповіді обов'язково будуть також брехати.
додано Автор Marc B, джерело
я просто сховаю реальний ввід [прапорець], і після того, як справжній прапорець додати деякі елементи, вони не є дійсними прапорцями, я не знаю, що я повинен сказати:
додано Автор Saeid Khaleghi, джерело
Подивіться на мою скрипку JS (посилання на питання)
додано Автор Saeid Khaleghi, джерело
чувак! що ти думаєш про мене! це просто зразок! селектори все гаразд!
додано Автор Saeid Khaleghi, джерело

Your selectors in jQuery are incorrrect. $('mycheckbox') is searching for a tag in your document, which does almost certainly does not exist.

I presume your fake checkboxes are done via CSS class names on elements, e.g. , in which case you need to do

$('.mycheckbox').length;
   ^--- CSS class name selector
2
додано
@ user2077916 Можливо, ви хочете переконатися, що ваш приклад точний, це вводить в оману.
додано Автор Marty, джерело
тоді не говорите про "фальшиві прапорці". Якщо ви насправді використали <input type = "checkbox>> СКАЧАТИ , тож. Ми добре, але ми не заважаємо читачам. Якщо ви звинувачуєте приклади, наші відповіді обов'язково будуть також брехати.
додано Автор Marc B, джерело
чувак! що ти думаєш про мене! це просто зразок! селектори все гаразд!
додано Автор Saeid Khaleghi, джерело
я просто сховаю реальний ввід [прапорець], і після того, як справжній прапорець додати деякі елементи, вони не є дійсними прапорцями, я не знаю, що я повинен сказати:
додано Автор Saeid Khaleghi, джерело
Подивіться на мою скрипку JS (посилання на питання)
додано Автор Saeid Khaleghi, джерело

Your selectors in jQuery are incorrrect. $('mycheckbox') is searching for a tag in your document, which does almost certainly does not exist.

I presume your fake checkboxes are done via CSS class names on elements, e.g. , in which case you need to do

$('.mycheckbox').length;
   ^--- CSS class name selector
2
додано
@ user2077916 Можливо, ви хочете переконатися, що ваш приклад точний, це вводить в оману.
додано Автор Marty, джерело
тоді не говорите про "фальшиві прапорці". Якщо ви насправді використали <input type = "checkbox>> СКАЧАТИ , тож. Ми добре, але ми не заважаємо читачам. Якщо ви звинувачуєте приклади, наші відповіді обов'язково будуть також брехати.
додано Автор Marc B, джерело
я просто сховаю реальний ввід [прапорець], і після того, як справжній прапорець додати деякі елементи, вони не є дійсними прапорцями, я не знаю, що я повинен сказати:
додано Автор Saeid Khaleghi, джерело
Подивіться на мою скрипку JS (посилання на питання)
додано Автор Saeid Khaleghi, джерело
чувак! що ти думаєш про мене! це просто зразок! селектори все гаразд!
додано Автор Saeid Khaleghi, джерело

Замість "натисніть" скористайтеся кнопкою "змінити".

Exsample: http://jsfiddle.net/E2kjM/3/
1
додано
Круто! дійсно корисний брат! Дякую
додано Автор Saeid Khaleghi, джерело

Спробуйте це,

Let mycheckbox and checkbox are 2 classes for whick the click event is triggered

$(function(){ 
    $(".mycheckbox,.checkbox").click(function(){
        alert($(".checkbox:checked").length)); 
    });
});
0
додано
Подивіться на мою скрипку JS (посилання на питання)
додано Автор Saeid Khaleghi, джерело

Спробуйте це,

Let mycheckbox and checkbox are 2 classes for whick the click event is triggered

$(function(){ 
    $(".mycheckbox,.checkbox").click(function(){
        alert($(".checkbox:checked").length)); 
    });
});
0
додано
Подивіться на мою скрипку JS (посилання на питання)
додано Автор Saeid Khaleghi, джерело

Спробуйте це,

Let mycheckbox and checkbox are 2 classes for whick the click event is triggered

$(function(){ 
    $(".mycheckbox,.checkbox").click(function(){
        alert($(".checkbox:checked").length)); 
    });
});
0
додано
Подивіться на мою скрипку JS (посилання на питання)
додано Автор Saeid Khaleghi, джерело

Counter CSS might do it too : http://codepen.io/gcyrillus/pen/mshLl

body {
    counter-reset: checboxes;
}
:checked {
    counter-increment:checboxes;
}
span:after {
    content: counter(checboxes)' checked'; 
}
0
додано

why you have click handler inside another click handler. try using trigger() and there is no tag mycheckbox so i guess you are missing some selector there. assuming its a class..

спробуйте це

 $(document).ready(function(){

    $(".mycheckbox").click(function(){
        $("checkbox").trigger('click');
    });
     $("checkbox").click(function(){

      alert($("checkbox:checked").length));//returns : if check box is checking return 0, if remove checked it returns 1 , its incorrect ! should be if checking return 1 else return 0

     });
  }
0
додано
Не працює все ж!
додано Автор Saeid Khaleghi, джерело

why you have click handler inside another click handler. try using trigger() and there is no tag mycheckbox so i guess you are missing some selector there. assuming its a class..

спробуйте це

 $(document).ready(function(){

    $(".mycheckbox").click(function(){
        $("checkbox").trigger('click');
    });
     $("checkbox").click(function(){

      alert($("checkbox:checked").length));//returns : if check box is checking return 0, if remove checked it returns 1 , its incorrect ! should be if checking return 1 else return 0

     });
  }
0
додано
Не працює все ж!
додано Автор Saeid Khaleghi, джерело
ІТ КПІ - JavaScript
ІТ КПІ - JavaScript
504 учасників

співтовариство javascript розробників в Telegram