<\/div>\n
Elimizde bir Checkbox listesi oldu\u011funu varsayal\u0131m ve bu listede se\u00e7ilen checkbox elemanlar\u0131n\u0131n de\u011ferlerine nas\u0131l ula\u015fabilece\u011fimizi inceleyelim.<\/p>\n
\r\n    <ul id="cbKutular">\r\n        <li><input type="checkbox" value="1" \/>1<\/li>\r\n        <li><input type="checkbox" value="2" \/>2<\/li>\r\n        <li><input type="checkbox" value="3" \/>3<\/li>\r\n        <li><input type="checkbox" value="4"\/>4<\/li>\r\n        <li><input type="checkbox" value="5" \/>5<\/li>\r\n        <li><input type="checkbox" value="6" \/>6<\/li>\r\n        <li><input type="checkbox" value="7" \/>7<\/li>\r\n        <li><input type="checkbox" value="8" \/>8<\/li>\r\n        <li><input type="checkbox" value="9" \/>9<\/li>\r\n        <li><input type="checkbox" value="10" \/>10<\/li>\r\n    <\/ul>\r\n\r\n    <input type="submit" value="Se\u00e7ilen Checkboxlar\u0131 G\u00f6r" id="btnSecilenGor" \/>\r\n<\/pre>\nElimizdeki checkbox listesi bu \u015fekilde olsun.Burada dikkat etmeniz gereken temel husus checkbox listesinin bir \u00fcst nesne i\u00e7erisinde bulunmas\u0131d\u0131r.Yukar\u0131daki kod blo\u011funda cbKutular isimli id de\u011ferine sahip ul nesnesi i\u00e7inde tutulan checkbox k\u00fcmemiz buna benzer div vs. gibi bir yap\u0131 i\u00e7erisinde de olabilir.<\/p>\n
\u015eimdi biz o \u00fcst nesneye se\u00e7ici arac\u0131l\u0131\u011f\u0131yla ula\u015f\u0131p, o nesne i\u00e7erisindeki checkbox elemanlar\u0131n\u0131n se\u00e7ili olanlar\u0131n\u0131 tarataca\u011f\u0131z.Bu i\u015flem i\u00e7inde a\u015fa\u011f\u0131daki kod blo\u011funu inceleyiniz.<\/p>\n
\r\n    <script type="text\/javascript">\r\n        $(document).ready(function () {\r\n            $("#btnSecilenGor").click(function () {\r\n                var Secilenler = "";\r\n                $('#cbKutular :checked').each(function () {\r\n                    \/\/Secilenler.push($(this).val());\r\n                    Secilenler += $(this).val() + ",";\r\n                });\r\n\r\n                alert(Secilenler);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/pre>\nG\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi ‘#cbKutular :checked’ komutu ile cbKutular id de\u011ferine sahip eleman\u0131n i\u00e7erisindeki checkbozlar\u0131n se\u00e7ili olanlar\u0131n\u0131 elde ederek, bunlar aras\u0131nda each fonksiyonuyla d\u00f6nebiliyorum.<\/p>\n
<\/a><\/p>\n
\u0130yi \u00e7al\u0131\u015fmalar dilerim…<\/p>\n","protected":false},"excerpt":{"rendered":"
Elimizde bir Checkbox listesi oldu\u011funu varsayal\u0131m ve bu listede se\u00e7ilen checkbox elemanlar\u0131n\u0131n de\u011ferlerine nas\u0131l ula\u015fabilece\u011fimizi inceleyelim. <ul id="cbKutular"> <li><input type="checkbox" value="1" \/>1<\/li> <li><input type="checkbox" value="2" \/>2<\/li> <li><input type="checkbox" value="3" \/>3<\/li> <li><input type="checkbox" value="4"\/>4<\/li> <li><input...<\/p>\n","protected":false},"author":1,"featured_media":3401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,19],"tags":[41,748,335],"class_list":["post-3461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-jquery","tag-checkbox","tag-jquery","tag-value"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=3461"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3461\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3401"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=3461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}