নির্দিষ্ট শ্রেণীর নামের সাথে সমস্ত চেক করা চেকবক্সগুলি পেতে jquery ব্যবহার করে


215

আমি জানি আমি এটি ব্যবহার করে একটি পৃষ্ঠায় সমস্ত চেক চেকবক্স পেতে পারি:

$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? $(this).val() : "");
});

তবে আমি এখন এটি এমন একটি পৃষ্ঠায় ব্যবহার করছি যাতে কিছু অন্যান্য চেকবক্স রয়েছে যা আমি অন্তর্ভুক্ত করতে চাই না। উপরের কোডটি কীভাবে পরিবর্তিত হবে কেবলমাত্র চেকবক্সগুলিতে যেগুলি নির্দিষ্ট ক্লাসে রয়েছে সেগুলি দেখার জন্য?


আমি কি classবদলে শিরোনাম আপডেট করব name?
রুশ ক্যাম

@ রুস ক্যাম - ইতিমধ্যে সম্পন্ন হয়েছে
লিওরা

। ('ইনপুট [টাইপ = চেকবক্স] :checked') খুব কার্যকর হবে।
সুপার শীতল

উত্তর:


392

$('.theClass:checkbox:checked')ক্লাস সহ সমস্ত পরীক্ষিত চেকবক্স আপনাকে দেবে theClass


8
খুশী হলাম। এছাড়াও, $ ('.ক্লাস: চেকবাক্স: নয় (: চেক করা)') সমস্ত চেক করা ছাড়াই পাবেন।
ভেনুগোপাল এম

আমি কি নাম সহ সমস্ত চেকবক্সের জন্য এটি করতে পারি?
ফ্লাফিবিিং

আমি পরীক্ষিত উপাদানগুলিতে কীভাবে অন্য ক্লাস যুক্ত করতে পারি? আমি পরীক্ষিত ইনপুট উপাদানগুলিতে সীমানা দেখাতে চাই।
নাজাম উস সাকিব

120
$('input:checkbox.class').each(function () {
       var sThisVal = (this.checked ? $(this).val() : "");
  });

একটি উদাহরণ প্রদর্শনের জন্য।

:checkboxচেকবক্সগুলির জন্য নির্বাচক (আসলে, আপনি inputনির্বাচকটির অংশটি বাদ দিতে পারেন , যদিও আমি কুলুঙ্গি খুঁজে পেয়েছি যেখানে আপনি গ্রন্থাগারের পূর্ববর্তী সংস্করণগুলিতে এটি করার কারণে অদ্ভুত ফলাফল পাবেন I'm আমি নিশ্চিত যে সেগুলি পরবর্তী সংস্করণগুলিতে স্থির হয়েছে)। .classউপাদান রয়েছে এমন উপাদান শ্রেণীর জন্য নির্বাচক class


9
জ্যাকুরি নোটগুলি এতে রয়েছে: চেকবাক্স [টাইপ = "চেকবক্স"] এর সাথে লেগে থাকার পরামর্শ দেয়। $ ('[টাইপ = "চেকবক্স"]। শ্রেণি') .... বা $ ('ইনপুট [টাইপ = "চেকবক্স"]। শ্রেণি')
টিএসমিথ

@ টিএমএস আপনার কি রেফারেন্স আছে?
রাশ ক্যাম

9
আমি এটি এখান থেকে পড়েছি: api.jquery.com/checkbox-selector ... "অতিরিক্ত নোট" এর অধীনে
টিএসমিথ

73

বাধ্যতামূলক .mapউদাহরণ:

var checkedVals = $('.theClass:checkbox:checked').map(function() {
    return this.value;
}).get();
alert(checkedVals.join(","));

3
; ('ইনপুট.থাস ক্লাস: চেক করা') map ম্যাপ (ফাংশন () {এটি ফিরিয়ে দিন}
ফেদির আরওয়াইকটিক

@ ফেডির: আপনার আদেশটি on,onফলাফল হিসাবে দেয় (প্রতিটি চেকবাক্সের জন্য 'চালু')
জয়

@ জায়ে আপনার চেক বাক্সগুলির মান কোমায় বিচ্ছিন্ন স্ট্রিংয়ের জন্য তাদের মানের বৈশিষ্ট্যগুলি নির্ধারণ করতে হবে
কামরান আলী

21
$('input.yourClass:checkbox:checked').each(function () {
    var sThisVal = $(this).val();
});

এটি "আপনারক্লাস" শ্রেণীর নামের সমস্ত চেকবক্স পাবে। আমি এই উদাহরণটি পছন্দ করি যেহেতু এটি শর্তসাপেক্ষ চেক না করে jQuery নির্বাচনকারী চেক করা ব্যবহার করে । ব্যক্তিগতভাবে আমি মান সংরক্ষণ করার জন্য একটি অ্যারেরও ব্যবহার করব, তারপরে এগুলি প্রয়োজনীয় হিসাবে ব্যবহার করুন:

var arr = [];
$('input.yourClass:checkbox:checked').each(function () {
    arr.push($(this).val());
});

যদি অ্যারেতে মানগুলি সংরক্ষণের প্রয়োজন .mapহয়, তবে এটি করিম 79৯ এর উত্তর দ্বারা চিত্রিত হিসাবে আরও মনোজ্ঞ বিকল্প হতে পারে।
5:40

1
আপনাকে ধন্যবাদ :) আমার সমস্ত পরীক্ষিত চেকবক্সগুলি খুঁজে বের করার দরকার ছিল এবং আপনার উত্তর এটি করে।
ufk

13

আপনার যদি অ্যারে হিসাবে চেক করা সমস্ত চেকবক্সের মান পেতে হয় :

let myArray = (function() {
    let a = [];
    $(".checkboxes:checked").each(function() {
        a.push(this.value);
    });
    return a;
})()


8

এটি নিশ্চিত না যে এটি আপনার বিশেষ ক্ষেত্রে সহায়তা করে কিনা এবং আমি নিশ্চিত নই যে আপনার ক্ষেত্রে যদি আপনি যে চেকবক্সগুলি অন্তর্ভুক্ত করতে চান তা কেবলমাত্র একটি ফর্ম বা ডিভিড বা টেবিলের অংশ, তবে আপনি সর্বদা সমস্ত চেকবক্স নির্বাচন করতে পারেন একটি নির্দিষ্ট উপাদান ভিতরে। উদাহরণ স্বরূপ:

<ul id="selective">
 <li><input type="checkbox" value="..." /></li>
 <li><input type="checkbox" value="..." /></li>
 <li><input type="checkbox" value="..." /></li>
 <li><input type="checkbox" value="..." /></li>
</ul>

তারপরে, নিম্নলিখিত jQuery ব্যবহার করে, এটি কেবলমাত্র ID = "সিলেকটিভ" সহ সেই উলের মধ্যে থাকা চেকবক্সগুলি দিয়ে যায়:

$('#selective input:checkbox').each(function () {
 var sThisVal = (this.checked ? $(this).val() : "");
});


7

আপনি এই জাতীয় কিছু ব্যবহার করতে পারেন:
এইচটিএমএল:

<div><input class="yourClass" type="checkbox" value="1" checked></div>
<div><input class="yourClass" type="checkbox" value="2"></div>
<div><input class="yourClass" type="checkbox" value="3" checked></div>
<div><input class="yourClass" type="checkbox" value="4"></div>


jQuery:

$(".yourClass:checkbox").filter(":checked")


এটি 1 এবং 3 এর মান চয়ন করবে।


এটি সেরা উত্তর।
মার্কোস বুয়ার্ক

7

সমস্ত মানকে একটি অ্যারেতে আনার সহজ উপায়

var valores = (function () {
    var valor = [];
    $('input.className[type=checkbox]').each(function () {
        if (this.checked)
            valor.push($(this).val());
    });
    return valor;

})();

console.log(valores);

7

আপনি এই মত চেষ্টা করতে পারেন

let values = (function() {
                let a = [];
                $(".chkboxes:checked").each(function() {
                    a.push($(this).val());
                });
                return a;
            })();

4
<input type="checkbox" id="Checkbox1" class = "chk" value = "1" />
<input type="checkbox" id="Checkbox2" class = "chk" value = "2" />
<input type="checkbox" id="Checkbox3" class = "chk" value = "3" />
<input type="checkbox" id="Checkbox4" class = "chk" value = "4" />
<input type="button" id="demo" value = "Demo" />

<script type = "text/javascript" src = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
    $("#demo").live("click", function () {
        $("input:checkbox[class=chk]:checked").each(function () {
            alert("Id: " + $(this).attr("id") + " Value: " + $(this).val());
        });
    });
</script>

http://www.jqueryfaqs.com/Articles/Get-values-of-all-checked-checkboxes-by-class-name-using-jQuery.aspx


3

আমি জানি এটি ইতিমধ্যে এই প্রশ্নে দুর্দান্ত উত্তর রয়েছে তবে আশেপাশে ব্রাউজ করার সময় আমি এটি পেয়েছি এবং এটি ব্যবহার করা আমার পক্ষে খুব সহজ। ভেবেছিলাম আমি অন্য কারও জন্য খুঁজছি ভাগ করে নেব।

এইচটিএমএল:

<fieldset>
    <!-- these will be affected by check all -->
    <div><input type="checkbox" class="checkall"> Check all</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
</fieldset>
<fieldset>
    <!-- these won't be affected by check all; different field set -->
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
</fieldset>

JQuery:

$(function () {
    $('.checkall').on('click', function () {
        $(this).closest('fieldset').find(':checkbox').prop('checked', this.checked);
    });
});

তথ্যসূত্র: jQuery সহ সহজতম "সমস্ত পরীক্ষা করুন"


1
$(document).ready(function(){
    $('input.checkD[type="checkbox"]').click(function(){
        if($(this).prop("checked") == true){
            $(this).val('true');
        }
        else if($(this).prop("checked") == false){
            $(this).val('false');
        }
    });
});

দয়া করে আপনার উত্তরটি ব্যাখ্যা করার জন্য একটি মন্তব্য যুক্ত করার বিষয়ে বিবেচনা করুন যাতে
নিরবচ্ছিন্নদের

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.