আমি টেক্সট লেবেলে ক্লিক করে কিভাবে একটি চেকবক্স টগল করে?

Checkboxes in HTML forms don't have implicit labels with them. Adding an explicit label (some text) next to it doesn't toggle the checkbox.

কীভাবে আমি পাঠ্য লেবেলটিতে ক্লিক করে কীভাবে চেকবক্সকে টগল করতে পারি?

0
আপনি মূল প্রশ্নটি সম্পাদনা করতে পারেন? বর্তমানে, সর্বোচ্চ-রাত্তির উত্তরটি শব্দটির জন্য সর্বোত্তম। গৃহীত উত্তর আসলে প্রশ্নের একটি আপডেটের উত্তর দেয়, এবং আমি যথাযথভাবে মোডডেড করেছি (সম্পাদনার পরে বিপরীত হবে)।
যোগ লেখক Bobby Jack, উৎস

8 উত্তর

আপনার div এর পরিবর্তে লেবেলটির জন্য লেবেলটির জন্য CSS display সম্পত্তি সেট করুন এবং আপনার ডিভি-এর পরিবর্তে এটি ব্যবহার করুন - এটি আপনার পছন্দমত স্টাইলিং করার সময় এটি একটি লেবেলের অর্থপূর্ণ অর্থ রাখে।

উদাহরণ স্বরূপ:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

label {
  width: 100px;
  height: 100px;
  display: block;
  background-color: #e0e0ff;
}
</div> </div>
0
যোগ
লেবেলটির বাইরে চেকবক্সটি রাখা আরও ভাল।
যোগ লেখক MrFox, উৎস
@ এমআরএফক্স ডিসপ্লে ব্যবহার করার সময়: ব্লকটি অবরোধ করুন চেকবক্সে লেবেলটির ভিতরে থাকা উচিত jsfiddle.net/Flandre/sBCLv/ 1
যোগ লেখক Andre, উৎস

আপনি আপনার চেকবক্সটি লেবেলটিতে আবৃত করতে পারেন:


0
যোগ

লেবেলটির সাথে র্যাপিংটি এখনও "বক্সে কোথাও" ক্লিক করার অনুমতি দেয় না - এখনও শুধু টেক্সটটিতে! এটি আমার জন্য কাজ করে:

<div onclick="dob.checked=!dob.checked" class="checkbox"><input onclick="checked=!checked" id="dob" type="checkbox"/>Date of birth entry must be completed</div>

কিন্তু দুর্ভাগ্যক্রমে বেশিরভাগ জাভাস্ক্রিপ্টই কার্যকরীভাবে দ্বিগুণ হয়।

0
যোগ

আপনি সঠিকভাবে আপনার HTML কোড চিহ্নিত করা হলে, জাভাস্ক্রিপ্টের জন্য কোন প্রয়োজন নেই। নিম্নোক্ত কোডটি ব্যবহারকারীকে চেকবক্সটি চেক করতে লেবেলটির টেক্সটতে ক্লিক করার অনুমতি দেবে।


<input type="checkbox" name="surname" id="surname" />

ইনপুট উপাদান এবং ব্রাউজারের id বৈশিষ্ট্যের লেবেল উপাদান লিংকগুলির জন্য এর জন্য বিশ্রাম বাকি আছে।

এই কাজ করার জন্য পরীক্ষা করা হয়েছে:

  • আপনি IE6 করুন
  • আপনি IE7 করুন
  • আপনি ফায়ারফক্স করুন
0
যোগ
যদি আপনি একাধিক সারি তৈরি করেন যা সবগুলি চেকবক্সে আছে তবে আপনি যদি প্রতিটিকে একই নামের এবং আইডিটি এখানে দেখানো হবে তবে এটি দরকারী নয়।
যোগ লেখক AndroidDev, উৎস

রনি,

যদি আপনি একটি wrapper উপাদান ভিতরে লেবেল টেক্সট এবং চেকবক্স বন্ধ করতে চেয়েছিলেন, আপনি নিম্নলিখিত করতে পারে:


0
যোগ

এই কাজ করা উচিত:

<script>
function checkbox() {
    var check = document.getElementById("myCheck").checked;
    var box = document.getElementById("myCheck")

    if (check == true) {
        box.checked = false;
    }
    else if (check == false) {
        box.checked = true;
    }
}
</script>
<input type="checkbox">
checkbox

যদি এটা না হয়, আমাকে কোরেট করে দিল!

0
যোগ
উন্নতি: <�কোড> বাক্স। চেক =! চেক; । পুনরাবৃত্তি এড়িয়ে চলছে, যদিও পাঠযোগ্যতাটি সামান্য সংকটাপন্ন।
যোগ লেখক Rafael Campos Nunes, উৎস

As indicated by @Gatekiller and others, the correct solution is the

0
যোগ

আপনি ঠিক এই মত লেবেল ট্যাগ মধ্যে চেকবক্স আবরণ প্রয়োজন

 

FIDDLE

অথবা আপনি নীচের মত আপনার চেকবক্সের লেবেলটির এবং id বৈশিষ্ট্যের জন্য ব্যবহার করতে পারেন


<input type="checkbox" id="other" />

FIDDLE

0
যোগ