এইচটিএমএল চেকবক্সের একটি পরীক্ষিত বৈশিষ্ট্যের উপযুক্ত মূল্য কী?


436

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

<input name="checkbox_name" id="checkbox_id" type="checkbox">

যা আমি জানি না - চেক করা চেকবক্সের জন্য প্রযুক্তিগতভাবে সঠিক মানটি কী? আমি এই সমস্ত কাজ দেখেছি:

<input name="checkbox_name" id="checkbox_id" type="checkbox" checked>
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true">

উত্তরটি কি তাতে কিছু যায় আসে না? আমি এখানে অনুমান থেকে সঠিক হিসাবে চিহ্নিত উত্তরের জন্য কোন প্রমাণ দেখতে পাচ্ছি না :

চেকবাক্সগুলি (এবং রেডিও বোতামগুলি) সুইচগুলি চালু / বন্ধ রয়েছে যা ব্যবহারকারীর দ্বারা টগল করা হতে পারে। যখন নিয়ন্ত্রণ উপাদানটির পরীক্ষিত বৈশিষ্ট্য সেট করা থাকে তখন একটি স্যুইচ "চালু" থাকে। যখন কোনও ফর্ম জমা দেওয়া হয়, কেবলমাত্র "চালু" চেকবক্স নিয়ন্ত্রণগুলি সফল হতে পারে। কোনও ফর্মের বেশ কয়েকটি চেকবক্স একই নিয়ন্ত্রণ নাম ভাগ করতে পারে। সুতরাং, উদাহরণস্বরূপ, চেকবক্সগুলি ব্যবহারকারীদের একই সম্পত্তির জন্য কয়েকটি মান নির্বাচন করতে দেয়। ইনপুট উপাদানটি একটি চেকবক্স নিয়ন্ত্রণ তৈরি করতে ব্যবহৃত হয়।

কোনও নির্দিষ্ট লেখক কী বলবেন সঠিক উত্তর? প্রমাণ ভিত্তিক উত্তর সরবরাহ করুন।


আপনার প্রশ্নের সংক্ষিপ্তায় আপনি পরীক্ষিত বৈশিষ্ট্যের মান উল্লেখ করেছেন, তবে প্রশ্নের বিবরণীতে আপনি একটি চেক করা চেকবক্সের সঠিক মানটি নিয়ে আলোচনা করেন। চেকবাক্সের "মান" চেক করা অ্যাট্রিবিউট থেকে পৃথক, আমি আপনার প্রশ্নের বিবরণে বিশ্বাস করি আপনি বৈশিষ্ট্যের মানও বোঝাতে চেয়েছিলেন, সম্ভবত আপনি প্রশ্নের বিবরণটি সামঞ্জস্য করতে চান। একটি চেকবক্স পর্যালোচনার "মান" এর জন্য stackoverflow.com/questions/14323899/...
melutovich

উত্তর:


451

কড়া কথায় বলতে গেলে আপনার এমন কিছু তৈরি করা উচিত যা বোঝাপড়া করে - এখানে বর্ণিত অনুসারে , সবচেয়ে সঠিক সংস্করণটি হ'ল:

<input name=name id=id type=checkbox checked=checked>

এইচটিএমএল জন্য, আপনি ব্যবহার করতে পারেন খালি অ্যাট্রিবিউট সিনট্যাক্স , checked="", অথবা এমনকি কেবল checked(কঠোর এক্সএইচটিএমএল জন্য, এই হয় সমর্থিত নয় )।

কার্যকরভাবে, তবে, বেশিরভাগ ব্রাউজারগুলি উদ্ধৃতিগুলির মধ্যে যে কোনও মান সম্পর্কে সমর্থন করবে। নিম্নলিখিত সমস্ত পরীক্ষা করা হবে:

<input name=name id=id type=checkbox checked>
<input name=name id=id type=checkbox checked="">
<input name=name id=id type=checkbox checked="yes">
<input name=name id=id type=checkbox checked="blue">
<input name=name id=id type=checkbox checked="false">

এবং শুধুমাত্র নিম্নলিখিতগুলি পরীক্ষা করা হবে:

<input name=name id=id type=checkbox>

এই একই প্রশ্নটি দেখুন disabled="disabled"


39
এটা ভুল. আপনি তাকান তাহলে বৈশিষ্ট , এটা বলেন: checked (checked)যার মানে "চেক করা অ্যাট্রিবিউট মান 'পরীক্ষিত') থাকতে পারে শুধুমাত্র। checkedএকটি গ্রহণযোগ্য মান অন্যান্যের মধ্যে কেউই হয়। বুলিয়ান বৈশিষ্ট্যাবলী ফেরত সবকিছু আপনাকে অনুমতি দেয় ব্যতীত মান তাই checkedগ্রহণযোগ্য পাশাপাশি checked="checked"
কুইন্টিন

14
একটি HTML5 এর-orientated W3 পৃষ্ঠাটি জানাচ্ছে যে checked, checked=""এবং checked="checked"ঠিক আছ। w3.org/TR/html-markup/input.checkbox.html
রায়ান উইলিয়ামস

1
@ কুইন্টিন আমি ক্ষমাপ্রার্থী, এই বাক্যটি আমার কাছে বোধগম্য নয়। আপনার অর্থ কি আপনি গুণাবলীর নাম বাদে সবকিছু বাদ দিতে পারেন? কারণ আপনি যদি মান ব্যতীত সমস্ত কিছু বাদ দিতে পারেন, তবে আপনি কেবল গুনের নাম বাদ দিয়ে লিখতে "checked"পারেন এবং এটি সঠিকভাবে কাজ করতে পারেন।
হ্যানেল

4
@ কুইন্টিন টিএল, ডাঃ এটি শব্দার্থক শব্দ, তবে খালি অ্যাট্রিবিউট সিনট্যাক্সটি কেবলমাত্র গুণকের নামটি নির্দিষ্ট করে, মানটি নয়
হ্যানেল

1
তাহলে চেকবক্সটি থাকার বিষয়টি মতেই চেক করা (যখন পৃষ্ঠাটি পুনরায় লোড) বাদ সত্ত্বেও বুলিয়ান / খালি অ্যাট্রিবিউট checked , ব্যবহার স্বয়ংসম্পূর্ণ = "বন্ধ" স্বয়ংক্রিয়ভাবে পরীক্ষণ থেকে আপনার ব্রাউজার রাখা।
হ্যান্ডেল করুন

58

এইচটিএমএল 5 স্পেস :

http://www.w3.org/TR/html5/forms.html#attr-input- চেক করা :

অক্ষম হওয়া সামগ্রীর বৈশিষ্ট্যটি একটি বুলিয়ান বৈশিষ্ট্য।

http://www.w3.org/TR/html5/inf पाया.html# বুলিয়ান- কৃতিত্ব :

কোনও উপাদানের উপরে বুলিয়ান বৈশিষ্ট্যের উপস্থিতি প্রকৃত মানকে উপস্থাপন করে এবং বৈশিষ্ট্যের অনুপস্থিতি মিথ্যা মানকে উপস্থাপন করে।

যদি বৈশিষ্ট্যটি উপস্থিত থাকে তবে এর মানটি অবশ্যই শূন্য স্ট্রিং বা মান হিসাবে একটি এএসসিআইআই কেস-সংবেদনশীল মিল হতে হবে যার কোনও শীর্ষস্থানীয় বা অনুসরণীয় শ্বেত স্পেস নেই ute

উপসংহার :

নিম্নলিখিত বৈধ, সমতুল্য এবং সত্য :

<input type="checkbox" checked />
<input type="checkbox" checked="" />
<input type="checkbox" checked="checked" />
<input type="checkbox" checked="ChEcKeD" />

নিম্নলিখিতটি অবৈধ :

<input type="checkbox" checked="0" />
<input type="checkbox" checked="1" />
<input type="checkbox" checked="false" />
<input type="checkbox" checked="true" />

অ্যাট্রিবিউট অভাবে জন্য কেবল বৈধ সিনট্যাক্স হল মিথ্যা :

<input />

সুপারিশ

আপনি যদি বৈধ এক্সএইচটিএমএল লেখার বিষয়ে চিন্তা করেন তবে ব্যবহার করুন checked="checked", যেহেতু <input checked>অবৈধ এক্সএইচটিএমএল (তবে বৈধ এইচটিএমএল) এবং অন্যান্য বিকল্পগুলি কম পঠনযোগ্য। অন্যথায়, এটি <input checked>সংক্ষিপ্ত হিসাবে ঠিক ব্যবহার করুন ।


2
আমি 2 সম্পাদনা করতে ফিরে রোল করার সিদ্ধান্ত নিয়েছি এবং স্পেকটিকে প্রথমে রাখি। উদাহরণগুলি প্রথমে সাধারণভাবে যাওয়ার উপায় হিসাবে, আমি অনুভব করি যে এটি বর্তমান শীর্ষগুলির প্রতি সম্মান সহ এই উত্তরটির পৃথক দিক যা কেবল উদাহরণ দেয়। যদিও এই পরামর্শের জন্য ধন্যবাদ :-)
সিরো সান্তিলি 郝海东 冠状 病 六四 事件 法轮功

2
আমি মনে করি এটি সঠিক উত্তর, জোর দিয়ে যে অনুপস্থিতি মানে মিথ্যা। = "সত্য" কাজ করার সময়, এটি বোঝায় যে = "মিথ্যা" পছন্দসই হিসাবে কাজ করবে এবং তা হয় না।
অ্যামার্কস

35
<input ... checked />
<input ... checked="checked" />

সেগুলিও সমানভাবে বৈধ। এবং জাভাস্ক্রিপ্টে:

input.checked = true;
input.setAttribute("checked");
input.setAttribute("checked","checked");

4
setAttribute DOM মার্কআপটি পরিবর্তন করে , সম্পত্তি বরাদ্দকরণের প্রয়োজন হয় না।
ব্যবহারকারী 2864740

input.setAttribute("checked")TypeError: 'Element' এ 'setAttribute' কার্যকর করতে ব্যর্থ: 2 টি আর্গুমেন্ট প্রয়োজন, তবে কেবল 1 টি উপস্থিত
ইভান রাভ

@ ইভানরেভ কিছু ব্রাউজার সে সম্পর্কে পেডেন্টিক, অন্যরা ভাল কাজ করবে।
নাইট দ্য ডার্ক অ্যাবসোল


5
  1. সংযত
  2. চেক করা = ""
  3. চেক করা = "চেক করা"

    সমতুল্য;


নির্দিষ্ট চেকবাক্স অনুসারে '---- ⓘ চেকড = "চেকড" বা "" (খালি স্ট্রিং) বা ফাঁকা নির্দিষ্ট করে যে উপাদানটি একটি নির্বাচিত নিয়ন্ত্রণের প্রতিনিধিত্ব করে -----'


2

এটি অত্যন্ত উন্মাদ জনপদের শহর যা চেক করা মিথ্যা করার একমাত্র উপায় হ'ল কোনও মান বাদ দেওয়া। কৌণিক 1.x এর সাহায্যে আপনি এটি করতে পারেন:

  <input type="radio" ng-checked="false">

যা আপনাকে আরও চেক করা দরকার যদি এটি আরও অনেক বুদ্ধিমান।


2

আমি মনে করি এটি সাহায্য করতে পারে:


প্রথমে মাইক্রোসফ্ট এবং ডাব্লু 3.org থেকে সমস্ত চশমা পড়ুন।
আপনি দেখতে পাবেন যে চেকবক্সের আসল উপাদানটি সেটিংয়ের দরকার হয় ইউআই বা বৈশিষ্ট্য নয়, এলিমেন্ট প্রোপার্টিতে করা উচিত।
$('mycheckbox')[0].checked

দ্বিতীয়ত, আপনার সচেতন হওয়া দরকার যে পরীক্ষিত বৈশিষ্ট্যটি একটি স্ট্রিং "সত্য", "মিথ্যা" ফেরত দেয়
কেন এটি গুরুত্বপূর্ণ? কারণ আপনার সঠিক প্রকারটি ব্যবহার করা দরকার। একটি স্ট্রিং, বুলিয়ান নয়। আপনার চেকবক্সটি বিশ্লেষণ করার সময় এটিও গুরুত্বপূর্ণ important
$('mycheckbox')[0].checked = "true"

if($('mycheckbox')[0].checked === "true"){ //do something }

আপনার এটিও উপলব্ধি করতে হবে যে "চেকড" ATTRIBUTE প্রাথমিকভাবে চেকবক্সের মান নির্ধারণের জন্য। উপাদানটি ডোমে রেন্ডার হয়ে গেলে এটি খুব বেশি কিছু করে না। ওয়েবপৃষ্ঠা লোড হয় এবং প্রাথমিকভাবে পার্স করা হয় যখন এই কাজ চিত্র।
আমি এই এক উপর IE এর পছন্দ সঙ্গে যেতে হবে:<input type="checkbox" checked="checked"/>

শেষ অবধি, একটি চেকবাক্সের জন্য বিভ্রান্তির মূল দিকটি হ'ল চেকবক্স ইউআই উপাদানটি উপাদানটির সম্পত্তির মানের মতো নয়। তারা সরাসরি সম্পর্কিত না। আপনি যদি নেট এ কাজ করেন, আপনি আবিষ্কার করতে পারবেন যে ব্যবহারকারী "চেকিং" চেকবক্সটি কখনই নিয়ামকের কাছে দেওয়া সত্যিকারের বুলি প্রতিফলিত করে না। ইউআই সেট করতে, আমি $('mycheckbox').val(true);এবং উভয়ই ব্যবহার করি$('mycheckbox').attr('checked', 'checked');


সংক্ষেপে, একটি চেক করা চেকবাক্সের জন্য আপনার প্রয়োজন:
প্রাথমিক ডিওএম: <input type="checkbox" checked="checked">
উপাদান সম্পত্তি: $('mycheckbox')[0].checked = "true";
ইউআই: $('mycheckbox').val(true);এবং$('mycheckbox').attr('checked', 'checked');


-3

ভাল, এটি ব্যবহার করার জন্য আমি বিষয়গুলি (অক্ষম এবং কেবলমাত্র পঠনযোগ্য) অনুরূপ মনে করি না, ব্যক্তিগতভাবে আমি চেকড = "পরীক্ষিত" ব্যবহার করি তবে আপনি যদি জাভাস্ক্রিপ্টের সাহায্যে এগুলি চালনার চেষ্টা করছেন তবে আপনি সত্য / মিথ্যা ব্যবহার করেন


5
না। এটি ব্রাউজারের ত্রুটি পুনরুদ্ধারটি বেশ ভাল হলেও তা (এটি খুব গুরুত্বপূর্ণ disabledএবং এর readonlyজন্যও গুরুত্বপূর্ণ)। আপনি যদি জেএসের সাথে বৈশিষ্ট্যটি পরিচালনা করতে চান তবে আপনার এখনও ব্যবহার করা উচিত checkedবা removeAttribute('checked')checked সম্পত্তি লাগে trueবা false
কুইন্টিন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.