পরীক্ষিত হিসাবে রেডিও বোতামে একটি প্রাথমিক মান বরাদ্দ করুন

Question

এইচটিএমএলটিতে পরীক্ষিত হিসাবে আমি কীভাবে প্রাথমিকভাবে কোনও রেডিও বোতামটির মূল্য নির্ধারণ করতে পারি?

Answer 1

আপনি এর checkedজন্য বৈশিষ্ট্যটি ব্যবহার করতে পারেন :

<input type="radio" checked="checked">

Comments

আপনি কেবল নির্ধারিত কোনও মান ছাড়াই সেই গুণটি উল্লেখ করতে পারেন অর্থাত্ <ইনপুট টাইপ = "রেডিও" চেক করা হয়েছে>

— niksvp

@niksvp আমার বিশ্বাস, পরীক্ষিত = "পরীক্ষিত" একটি রেডিও বোতামের প্রাক-চেক করার বৈধ উপায় - কেবল "চেকড" ব্যবহার করা বৈধ এইচটিএমএল নয় (বেশিরভাগ ব্রাউজার দ্বারা সমর্থিত হওয়া সত্ত্বেও)

— ম্যাট হ্যালি

@ ম্যাটহে - না, আপনি নিজের এটিতে কেবল "পরীক্ষিত" ব্যবহার করতে পারেন এবং এটি বৈধ এইচটিএমএল (যদিও বৈধ এক্সএইচটিএমএল নয়)। ব্যক্তিগতভাবে আমি 'পরীক্ষিত = "চেক করা"' পছন্দ করা, কিন্তু আপনি না আছে এটি ব্যবহার করতে ... প্রকৃতপক্ষে, সেখানে বেশ একটি শক্তিশালী ক্ষেত্রে বিরুদ্ধে এটি ব্যবহার।

— অ্যালজি টেলর

Answer 2

আপনি কেবল ব্যবহার করতে পারেন:

<input type="radio" checked />

কোনও মান উল্লেখ না করে পরীক্ষা করা কেবল অ্যাট্রিবিউট ব্যবহার করা সমান checked="checked"।

Comments

যেমন @ ম্যাট হিলি বলেছেন, অ্যাট্রিবিউটটি ছাড়া চেক ব্যবহার করা বৈধ এইচটিএমএল নয়

— সালভব

@ সালভব ভুল এটি বৈধ এক্স এইচটিএমএল নয়, তবে এটি এইচটিএমএল 5 এর জন্য সম্পূর্ণ বৈধ যা কোনও মানের যে কোনও মানের হিসাবে বৈশ্বিক।

— ক্রিস মেরিসিক

Answer 3

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

এটি প্রশ্নের সঠিক উত্তর দেয় না তবে যে কেউ AngularJS ব্যবহার করে এটি অর্জন করার চেষ্টা করছেন, উত্তরটি কিছুটা আলাদা। এবং আসলে স্বাভাবিক উত্তরটি কাজ করবে না (কমপক্ষে এটি আমার পক্ষে হয়নি)।

আপনার এইচটিএমএল দেখতে সাধারণ রেডিও বোতামের সাথে বেশ মিল দেখাবে:

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

আপনার নিয়ামক আপনি mValueএটি রেডিও বোতামের সাথে জড়িত ঘোষণা করেছেন । এই রেডিও বোতামগুলির মধ্যে একটি নির্বাচন করার জন্য, $scopeগ্রুপের সাথে সম্পর্কিত ভেরিয়েবলকে পছন্দসই ইনপুটটির মানতে নির্ধারণ করুন :

$scope.mValue="second"

এটি পৃষ্ঠাটি লোড করার সময় "দ্বিতীয়" রেডিও বোতামটি নির্বাচিত করে।

Comments

প্রকৃতপক্ষে! উপরের উত্তরগুলি কৌনিক জেএসের সাথে কাজ করে না। আপনার উত্তর আমার সমস্যা সমাধান করেছে। ধন্যবাদ! :)

— মিতাক্ষ গুপ্ত

Answer 4

যে কেউ Angular2 (2.4.8) সমাধান সন্ধান করছে তাদের জন্য, যেহেতু অনুসন্ধান করার সময় এটি সাধারণভাবে-জনপ্রিয় প্রশ্ন:

<div *ngFor="let choice of choices">
  <input type="radio" [checked]="choice == defaultChoice">
</div>

এটি checkedশর্ত প্রদত্ত ইনপুটটিতে বৈশিষ্ট্য যুক্ত করবে , তবে শর্তটি ব্যর্থ হলে কিছুই যুক্ত করবে না add

এটি করবেন না :

[attr.checked]="choice == defaultChoice"

কারণ এটি checked="false"প্রতিটি অন্যান্য ইনপুট উপাদানগুলিতে বৈশিষ্ট্য যুক্ত করবে ।

যেহেতু ব্রাউজারটি তার মানটিকে উপেক্ষা করে checkedকেবলমাত্র ( কী ) বৈশিষ্ট্যের উপস্থিতি সন্ধান করে , তাই গ্রুপের শেষ ইনপুটটি পরীক্ষা করা হবে।

Answer 5

রেডিও বোতামগুলিতে ডিফল্ট চেক সেট করার অন্যান্য উপায়, বিশেষত আপনি যদি কৌণিক জাল ব্যবহার করছেন তবে 'এনজি-চেকড' পতাকাটি "সত্য" হিসাবে সেট করা হচ্ছে: <input id="d_man" value="M" ng-disabled="some Value" type="radio" ng-checked="true">মানুষ

দ্য চেকড = "চেক করা" আমার পক্ষে কাজ করে না ..

Comments

কারণটি ng-checked="true"কৌণিক প্রতিবেদক থেকে।

— আগস্টাস

অথবা নিয়ামকের মডেল মানটিকে "সত্য" হিসাবে সেট করুন। দেখুন যে আপনি এটিকে কোনও স্ট্রিনে সেট করেছেন, বুলিয়ান নয়!

— থমাস ডেভিড কেহো

Answer 6

মনে রাখবেন যে যদি আপনার কাছে একই "নাম" বৈশিষ্ট্যযুক্ত দুটি রেডিও বোতাম থাকে এবং তাদের "প্রয়োজনীয়" বৈশিষ্ট্য থাকে, তবে তাদের "চেকড" বৈশিষ্ট্যটি যুক্ত করা তাদের চেক করবে না।

উদাহরণ: এটি উভয় রেডিও বোতামটি চেক না করে রাখে।

<input type="radio" name="gender" value="male" required <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" required />

এটি "পুরুষ" রেডিও বোতামটি চেক করে তুলবে।

<input type="radio" name="gender" value="male" <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" />

Answer 7

আমি পার্টিতে কিছুটা দেরি করেছি এবং আমি জানি ওপি এইচটিএমএল বলেছে, তবে এমভিসিতে আপনার এটির প্রয়োজন হলে আপনি trueতৃতীয় প্যারামে সেট করতে পারেন ।

উদাহরণ:

    <p>Option One :@Html.RadioButton("options", "option1", true})</p>
    // true will set it checked

     <p>Option Two :@Html.RadioButton("options", "option2"})</p>
     //nothing will leave it unchecked

Answer 8

আপনি যদি নিজের অ্যাপ্লিকেশনের জন্য রিঅ্যাক্ট-রিডেক্স ব্যবহার করছেন এবং আপনি যদি রিডুএক্স স্টোরটিতে থাকা ডেটা দেখাতে চান তবে আপনি নীচের মত "পরীক্ষিত" বিকল্পটি সেট করতে পারেন।

<label>Male</label>

 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "0"}
 />



 <label>Female</label>
 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "1"}
 />