jquery ব্যবহার করে চেকবক্স চেক/চেক করুন?



jquery-ui (3)

এই প্রশ্নটি ইতিমধ্যে একটি উত্তর আছে:

আমার পৃষ্ঠায় আমার কিছু ইনপুট পাঠ্য ক্ষেত্র আছে, আমি তাদের মানগুলি জাভাস্ক্রিপ্ট সেটভাল ফাংশনটি সম্পাদনা করতে ব্যবহার করে দেখছি, আমি একটি অতিরিক্ত চেকবক্স ক্ষেত্র যোগ করেছি, আমি একটি মান পাশ করেছি,

এখানে আমি চেক করতে চাই যে value == 1 , তাহলে এই চেকবাক্সটি অন্যথায় চেক না করা চেক করা উচিত,

আমি দুই divs ব্যবহার হিসাবে এই কাজ, কিন্তু আমি যে সঙ্গে আরামদায়ক বোধ করছি না, অন্য কোন সমাধান আছে?

if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}

Answer #1

আপনি মূল্যের উপর ভিত্তি করে চেকবক্সের অবস্থা সেট করতে পারেন:

$('#your-checkbox').prop('checked', value == 1);

Answer #2

আপনি .attr() জন্য .prop() ব্যবহার করতে পারেন, যেমন jQuery 1.6 এর আগে , .attr() পদ্ধতিটি কিছু বৈশিষ্ট্য পুনরুদ্ধার করার সময় কখনও কখনও সম্পত্তি মানগুলি গ্রহণ করে, যা অসঙ্গত আচরণ করতে পারে। JQuery 1.6 হিসাবে, .prop() পদ্ধতি স্পষ্টভাবে সম্পত্তি মান পুনরুদ্ধার করার উপায় সরবরাহ করে, যখন .attr() বৈশিষ্ট্যগুলি পুনরুদ্ধার করে।

var prop=false;
if(value == 1) {
   prop=true; 
}
$('#checkbox').prop('checked',prop);

অথবা সহজভাবে,

$('#checkbox').prop('checked',(value == 1));

টুকিটাকি

$(document).ready(function() {
  var chkbox = $('.customcheckbox');
  $(".customvalue").keyup(function() {
    chkbox.prop('checked', this.value==1);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h4>This is a domo to show check box is checked
if you enter value 1 else check box will be unchecked </h4>
Enter a value:
<input type="text" value="" class="customvalue">
<br>checkbox output :
<input type="checkbox" class="customcheckbox">


Answer #3

JQuery 1.6+ জন্য:

.attr() বৈশিষ্ট্যগুলির জন্য অপসারিত হয়; পরিবর্তে নতুন .prop() ফাংশনটি ব্যবহার করুন:

$('#myCheckbox').prop('checked', true); // Checks it
$('#myCheckbox').prop('checked', false); // Unchecks it

JQuery এর জন্য <1.6:

একটি চেকবক্স চেক / আনচেক করতে, checked বৈশিষ্ট্যটি ব্যবহার করুন এবং এটিকে পরিবর্তন করুন। JQuery দিয়ে আপনি করতে পারেন:

$('#myCheckbox').attr('checked', true); // Checks it
$('#myCheckbox').attr('checked', false); // Unchecks it

কারণ আপনি জানেন এইচটিএমএল, এটি কিছু দেখতে হবে:

<input type="checkbox" id="myCheckbox" checked="checked" /> <!-- Checked -->
<input type="checkbox" id="myCheckbox" /> <!-- Unchecked -->

যাইহোক, আপনি চেকবক্সের মূল্য পেতে (।) করতে হলে .attr () পদ্ধতিতে বিশ্বাস করতে পারবেন না। আপনি .prop() পদ্ধতিতে নির্ভর করতে হবে।





jquery-ui