JQuery এ চেকবক্স মান পান

Question

আমি কীভাবে jQuery এ একটি চেকবক্সের মান পেতে পারি?

Answer 1

মান বৈশিষ্ট্যের মান পেতে আপনি এই জাতীয় কিছু করতে পারেন:

$("input[type='checkbox']").val();

অথবা আপনি যদি এটির জন্য classবা idএটির জন্য সেট করে থাকেন তবে আপনি এটি করতে পারেন:

$('#check_id').val();
$('.check_class').val();

তবে এটি যাচাই করা আছে বা না তা একই মানটি ফিরিয়ে দেবে , এটি বিভ্রান্তিকর হতে পারে কারণ এটি জমা দেওয়া ফর্ম আচরণের থেকে পৃথক।

এটি পরীক্ষা করা হয়েছে কিনা তা যাচাই করতে, করুন:

if ($('#check_id').is(":checked"))
{
  // it is checked
}

Comments

পৃষ্ঠায় একাধিক চেকবক্স থাকলে প্রথম উদাহরণটি কী করবে? বিটিডব্লিউ, এটি একটি ছোট উপায়ে লেখা যেতে পারে $("input:checkbox")। এছাড়াও, ক্লাস নির্বাচকটিতে একটি টাইপো রয়েছে বলে মনে হচ্ছে ...

— জাভা

@ জওয়া: প্রথমটি সিনট্যাক্স দেখানোর জন্য প্রথম উদাহরণ এবং সেই টাইপের জন্য ধন্যবাদ।

— সরফরাজ

যদি আমি $($0).val()ক্রোমে চেষ্টা করে দেখি এবং চেকবক্সটি অনিক চিহ্নিত করি তবে এটি টিক না দেওয়া হলেও উত্তরটি "চালু" রয়েছে। কিন্তু $($0).is(":checked")সঠিক মান প্রদান করে।

— এড্রিয়েন

@ জাভা পার এপি.জ্যাকারি. com/ চেকবক্স- সিলেক্টরের[type="checkbox"] তুলনায় আধুনিক ব্রাউজারগুলিতে আরও ভাল পারফরম্যান্স রয়েছে :checkbox।

— ট্রুউইল

প্রতিস্থাপন $('#check_id').val();করার $('#check_id').is(":checked");মান সত্য বা মিথ্যা ফিরে।

— ম্যাথিউস মিরান্ডা

Answer 2

এই 2 টি উপায় কাজ করছে:

• $('#checkbox').prop('checked')
• $('#checkbox').is(':checked')(ধন্যবাদ @mgsloan)

$('#test').click(function() {
    alert("Checkbox state (method 1) = " + $('#test').prop('checked'));
    alert("Checkbox state (method 2) = " + $('#test').is(':checked'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Check me: <input id="test" type="checkbox" />

Comments

: .is ( 'পরীক্ষিত'), কারণ এটি .is হওয়া উচিত না কাজ করেনি ( 'পরীক্ষিত')

— mgsloan

আপনার উত্তর করার জন্য আপনাকে ধন্যবাদ। এই jQuery ঠেকনা () ফাংশন একটি রাষ্ট্রীয় অত্যাধুনিক উত্তর

— Thomas.Benz

Answer 3

এই ছোট সমাধানটি ব্যবহার করে দেখুন:

$("#some_id").attr("checked") ? 1 : 0;

অথবা

$("#some_id").attr("checked") || 0;

Comments

অথবা !! ($ ( "# some_id") ATTR ( "চেক করা")।)

— COOLGAMETUBE

Answer 4

চেকবক্সের মান পুনরুদ্ধার করার একমাত্র সঠিক উপায় নীচে রয়েছে

if ( elem.checked ) 
if ( $( elem ).prop( "checked" ) ) 
if ( $( elem ).is( ":checked" ) ) 

jQuery এর ওয়েবসাইটে অফিসিয়াল ডকুমেন্টেশন হিসাবে ব্যাখ্যা করা হয়েছে। বাকী সমস্ত পদ্ধতির চেকবক্সের সম্পত্তি সম্পর্কিত কোনও সম্পর্ক নেই , তারা এট্রিবিউটটি যাচাই করে যা এর অর্থ তারা লোড হওয়ার পরে চেকবক্সের প্রাথমিক অবস্থার পরীক্ষা করছে। সংক্ষেপে:

• যখন আপনি উপাদানটি পেয়েছেন এবং আপনি জানেন যে এটি একটি চেকবাক্স আপনি কেবল তার সম্পত্তিটি পড়তে পারেন এবং আপনার (অর্থাত্ elem.checked) এর জন্য jQuery এর দরকার পড়বে না বা আপনি $(elem).prop("checked")jQuery এ নির্ভর করতে চাইলে আপনি ব্যবহার করতে পারেন ।
• যদি উপাদানটি প্রথম লোড করা হয় তখন (বা পূর্বনির্ধারিত মান) এটি করার সঠিক উপায়টি যদি আপনাকে জানতে (বা তুলনা) করতে হয় $(elem).is(":checked")।

উত্তরগুলি বিভ্রান্ত করছে, দয়া করে নিজের নীচে দেখুন:

http://api.jquery.com/prop/

Comments

.is(":checked")এবং .prop(":checked")আমার জন্য একই কাজ করছে ডাব্লু / জেউকিরি ১.১০.০

— জোশ

Answer 5

কেবল বিষয়গুলি পরিষ্কার করতে:

$('#checkbox_ID').is(":checked")

'সত্য' বা 'মিথ্যা' ফিরিয়ে দেবে

Answer 6

$('#checkbox_id').val();
$('#checkbox_id').is(":checked");
$('#checkbox_id:checked').val();

Comments

কাজ করে না. আপনার পরীক্ষিত ': চেক করা' এর আগে আপনার একটি কলামের প্রয়োজন হতে পারে

— দরকারী করুন

.val () কাজ করে না। যাচাই না করেই 'চালু' ফিরে আসে।

— মাইকেল কোল

Answer 7

jQuery(".checkboxClass").click(function(){
        var selectedCountry = new Array();
        var n = jQuery(".checkboxClass:checked").length;
        if (n > 0){
            jQuery(".checkboxClass:checked").each(function(){
                selectedCountry.push($(this).val());
            });
        }
        alert(selectedCountry);
    });

Answer 8

সহজ তবে কার্যকর এবং ধরে নিলেন চেকবক্সটি পাওয়া যাবে জানেন:

$("#some_id")[0].checked;

দেয় true/false

Answer 9

//By each()
var testval = [];
 $('.hobbies_class:checked').each(function() {
   testval.push($(this).val());
 });


//by map()
var testval = $('input:checkbox:checked.hobbies_class').map(function(){
return this.value; }).get().join(",");

 //HTML Code

 <input type="checkbox" value="cricket" name="hobbies[]"  class="hobbies_class">Cricket 
  <input type="checkbox" value="hockey" name="hobbies[]" class="hobbies_class">Hockey

উদাহরণ
ডেমো

Answer 10

এই প্রশ্নটি jQuery সমাধানের জন্য জিজ্ঞাসা করছে এমন সত্ত্বেও, এখানে একটি খাঁটি জাভাস্ক্রিপ্ট উত্তর রয়েছে যেহেতু এটির কোনও উল্লেখ নেই।

JQuery ছাড়া:

কেবলমাত্র উপাদানটি নির্বাচন করুন এবং checkedসম্পত্তিটি অ্যাক্সেস করুন (যা একটি বুলিয়ান দেয়)।

var checkbox = document.querySelector('input[type="checkbox"]');

alert(checkbox.checked);

<input type="checkbox"/>

---

এখানে changeইভেন্টটি শুনার একটি দ্রুত উদাহরণ দেওয়া হল :

var checkbox = document.querySelector('input[type="checkbox"]');
checkbox.addEventListener('change', function (e) {
    alert(this.checked);
});

<input type="checkbox"/>

---

পরীক্ষিত উপাদানগুলি নির্বাচন করতে, :checkedছদ্ম শ্রেণিটি ব্যবহার করুন (input[type="checkbox"]:checked ) ।

এখানে এমন একটি উদাহরণ যা চেক করা inputউপাদানগুলির উপরে পুনরাবৃত্তি করে এবং চেক করা উপাদানগুলির নামগুলির একটি ম্যাপযুক্ত অ্যারে প্রদান করে।

উদাহরণ এখানে

var elements = document.querySelectorAll('input[type="checkbox"]:checked');
var checkedElements = Array.prototype.map.call(elements, function (el, i) {
    return el.name;
});

console.log(checkedElements);

var elements = document.querySelectorAll('input[type="checkbox"]:checked');
var checkedElements = Array.prototype.map.call(elements, function (el, i) {
    return el.name;
});

console.log(checkedElements);

<div class="parent">
    <input type="checkbox" name="name1" />
    <input type="checkbox" name="name2" />
    <input type="checkbox" name="name3" checked="checked" />
    <input type="checkbox" name="name4" checked="checked" />
    <input type="checkbox" name="name5" />
</div>

Comments

এটি প্রশ্নের উত্তর দেয় না।

— মাইকেল কোল

@ মিশেলকোল - আমি কেবল প্রশ্নটি পুনরায় পড়ি (3 বছর পরে) এবং দেখে মনে হচ্ছে এটি সত্যই প্রশ্নের উত্তর দেয়, তাই বিনা দ্বিধায় বোধ করুন।

— জোশ ক্রোজিয়ার

"আমি কীভাবে jQuery এ একটি চেকবক্সের মান পেতে পারি?" -> "যদিও এই প্রশ্নটি jQuery সমাধানের জন্য জিজ্ঞাসা করছে ... ব্লা ব্লা ব্লাহ"। এটি অন্যান্য আসল উত্তরের মতো একটি সাবান-বাক্সের উত্তর, এবং সে কারণেই আমি এটিকে কমিয়ে দিয়েছি।

— মাইকেল কোল

@ মিশেলকোল - যথেষ্ট ভাল, প্রতিক্রিয়া সর্বদা প্রশংসা করা হয়। এই উত্তরের মূল অভিপ্রায়টি নির্দেশ করা ছিল যে যখন checkedনেটিভ ডিওএম উপাদানটিতে সম্পত্তি সহজেই অ্যাক্সেসযোগ্য হয় তখন jQuery এর মতো তুচ্ছ পরিস্থিতিতে এড়ানো যায়। এই জাতীয় প্রশ্ন / উত্তরগুলির সন্ধানকারী কিছু লোক সাধারণত jQuery প্রয়োজন হয় না এই বিষয়টি সম্পর্কে সাধারণত অসচেতন। অন্য কথায় সংকীর্ণ লোকেরা এই উত্তরের জন্য লক্ষ্যযুক্ত জনসংখ্যার নয়।

— জোশ ক্রোজিয়ার

Answer 11

অ্যারে হিসাবে সমস্ত পরীক্ষিত চেকবক্সের মান কীভাবে পাবেন তা এখানে :

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

Answer 12

এতে চেক করা চেকবক্সেক্সের মান পেতে jquery:

var checks = $("input[type='checkbox']:checked"); // returns object of checkeds.

for(var i=0; i<checks.length; i++){
    console.log($(checks[i]).val()); // or do what you want
});

ইন pure js:

var checks = document.querySelectorAll("input[type='checkbox']:checked");

for(var i=0; i<checks.length; i++){
    console.log(checks[i].value); // or do what you want
});

Answer 13

নিম্নলিখিত কোড ব্যবহার করুন:

$('input[name^=CheckBoxInput]').val();

Answer 14

$('.class[value=3]').prop('checked', true);

Comments

একটি বিশেষ ডিফল্ট মান দিয়ে কীভাবে কিছু পরীক্ষা করা যায় তা কীভাবে মান পাবেন তা প্রশ্ন জিজ্ঞাসা করছে ।

— কোয়ান্টিন

Answer 15

সেরা উপায় $('input[name="line"]:checked').val()

এবং আপনি নির্বাচিত পাঠ্য পেতে পারেন $('input[name="line"]:checked').text()

আপনার রেডিও বোতাম ইনপুটগুলিতে মান বৈশিষ্ট্য এবং নাম যুক্ত করুন। নিশ্চিত করুন যে সমস্ত ইনপুটগুলির একই নামের বৈশিষ্ট্য রয়েছে।

<div class="col-8 m-radio-inline">
    <label class="m-radio m-radio-filter">
        <input type="radio" name="line" value="1" checked> Value Text 1
    </label>
    <label class="m-radio m-radio-filter">
        <input type="radio" name="line" value="2"> Value Text 2
    </label>
    <label class="m-radio m-radio-filter">
        <input type="radio" name="line" value="3"> Value Text 3
    </label>
</div>

Answer 16

<script type="text/javascript">
$(document).ready(function(){
    $('.laravel').click(function(){
        var val = $(this).is(":checked");
        $('#category').submit();
    });
});

<form action="{{route('directory')}}" method="post" id="category">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input name="category" value="{{$name->id}}"  class="laravel" type="checkbox">{{$name->name}}
                      </form>

Answer 17

কয়েক বছর ধরে এপিআই পরিবর্তনের কারণে আজ, 2018, তেমন মনোযোগ দিন। অপসারণআর চিত্রিত হয়, আর কাজ করছে না!

জ্যাকুরি চেকবক্সটি পরীক্ষা করুন বা চেকবাক্সটি আনচেক করুন:

খারাপ, আর কাজ করছে না।

   $('#add_user_certificate_checkbox').removeAttr("checked");

   $('#add_user_certificate_checkbox').attr("checked","checked");

পরিবর্তে আপনার করা উচিত:

      $('#add_user_certificate_checkbox').prop('checked', true);
      $('#add_user_certificate_checkbox').prop('checked', false);